lvw.css

* {

    margin:0;
    
    padding:0;
    
    }
    
    #logo {
    
    width:100%;
    
    }
    
    #menu {
    
    display:block;
    
    position:fixed;
    
    overflow:scroll;
    
    right:0;
    
    height:100%;
    
    width:60%;
    
    background: #607D8B;
    
    border-left:2px solid black;
    
    z-index:1;
    
    }
    
    #mode {
    
    display:block;
    
    position:relative;
    
    float:right;
    
    font-size:30px;
    
    background:none;
    
    border:none;
    
    margin:5px;
    
    }
    
    #m_cs {
    
    font-size:30px;
    
    position:fixed;
    
    right:5px;
    
    bottom:50px;
    
    background:none;
    
    border:none;
    
    margin:10px;
    
    z-index:1;
    
    }
    
    #s_box {
    
    display:flex;
    
    flex-wrap:nowrap;
    
    justify-content:center;
    
    height:50px;
    
    width:90%;
    
    margin:auto;
    
    background-color:#212121;
    
    border-radius:5px;
    
    border:1px solid yellow;
    
    }
    
    #s_es {
    
    display:block;
    
    margin:0 auto 3px auto;
    
    outline:none;
    
    border:1px solid black;
    
    border-radius:5px;
    
    background-color:gray;
    
    text-align:center;
    
    color:white;
    
    }
    
    #s_bar {
    
    width:80%;
    
    text-indent:20%;
    
    letter-spacing:2px;
    
    transition:.2s;
    
    color:white;
    
    font-size:15px;
    
    }
    
    #s_bar::placeholder {
    
    color:lightYellow;
    
    }
    
    #s_bar:focus {
    
    text-indent:3px;
    
    letter-spacing:0;
    
    }
    
    #s_s {
    
    width:15%;
    
    transition:.3s;
    
    transform:scale(1.8);
    
    }
    
    #s_s:hover {
    
    transform:scale(1.5);
    
    }
    
    #s_bar,#s_s {
    
    outline:none;
    
    border:none;
    
    background:none;
    
    height:30px;
    
    margin:10px 0 10px 1px;
    
    }
    
    #menn a {
    
    font-family:Courier new,monospace;
    
    font-weight:bold;
    
    text-decoration:none;
    
    background:white;
    
    color:black;
    
    text-align:center;
    
    display:block;
    
    margin:20px auto 0 auto;
    
    }
    
    #menn a:hover {
    
    background:black;
    
    color:white;
    
    }
    
    #gen {
    
    position:absolute;
    
    height:auto;
    
    width:100%;
    
    bottom:0;
    
    text-align:center;
    
    background:black;
    
    color:white;
    
    font-family:fantasy;
    
    }
    
    #bb {
    
    transition:.3s;
    
    }
    
    #gen:hover #bb {
    
    font-size:30px;
    
    }
    
    #bodyy {
    
    position:absolute;
    
    height:100%;
    
    width:100%;
    
    }
    
    #frame {
    
    border:none;
    
    width:100%;
    
    height:100%;
    
    }