html{height:100%}body{font-family:"Open Sans",sans-serif;margin:0px;overflow-x:hidden;height:100%}.chevron{position:absolute;width:100%;height:10%;opacity:0;transform:scale3d(0.5, 0.5, 0.5);animation:move 3s ease-out infinite}.chevron:first-child{animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.chevron:before,.chevron:after{content:" ";position:absolute;top:0;height:100%;width:51%;background:#fff}.chevron:before{left:0;transform:skew(0deg, 30deg)}.chevron:after{right:0;width:50%;transform:skew(0deg, -30deg)}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}100%{opacity:0;transform:translateY(55px) scale3d(0.5, 0.5, 0.5)}}.menu_bar{height:5%;z-index:2}.menu_bar>.w3-bar{height:100%}.menu_bar a{display:inline-flex;align-items:center;height:100%;color:#00b8fc;text-decoration:none;padding-left:5px;padding-right:5px}.menu_bar a:hover{background:#00b8fc;color:#fff}.menu_bar .fa-less-than{margin-right:5px}.menu_bar .fa-greater-than{margin-left:5px}.header{position:relative;width:100%;height:95%;background:#00b8fc;color:#fff;font-size:170%;z-index:1}.header>.scrolldownanimation{width:45px;height:100px}.header>p{padding:25px;font-weight:1000}.wireless{position:relative;height:80%;z-index:0}.wireless>p{background:#fff;width:50%;padding:20px;color:#00b8fc;z-index:0}.wireless>p>span{border-bottom:5px solid #00b8fc}.wireless>.keyboardimg{width:50%;border-top:200px solid #fff;border-bottom:200px solid #fff;z-index:0}.wireless>.keyboardimg>img{width:100%;height:100%}.wireless>canvas{z-index:0}.keyboardimg>#receiver{border:3px solid #00b8fc;width:25%;height:30%;border-radius:100%}.keyboardimg>#button{border:3px solid #00b8fc;width:4.5%;height:6%;border-radius:100%}.keyboardimg>.receiver1{position:absolute;top:44%;left:-1%}.keyboardimg>.receiver2{position:absolute;top:69%;left:16%}.keyboardimg>.receiver3{position:absolute;top:0%;left:75%}.keyboardimg>.button1{position:absolute;top:22.5%;left:48.5%}.keyboardimg>.button2{position:absolute;top:25.5%;left:52.5%}.keyboardimg>.button3{position:absolute;top:29%;left:56%}.wireless-small{position:relative;height:80%}.wireless-small>p{background:#fff;width:100%;padding:5%;padding-left:10%;padding-right:10%;margin-bottom:10%;color:#00b8fc}.wireless-small>p>span{border-bottom:5px solid #00b8fc}.wireless-small>.keyboardimg{width:100%;border:10px solid #fff}.wireless-small>.keyboardimg>img{width:100%}.thin{position:relative;background:#00b8fc;width:100%;padding:100px}.thin-small{position:relative;background:#00b8fc;width:100%;padding:100px}.thin-small>img{width:85%}.minimal{position:relative}.minimal>canvas{width:100%}.minimal>p{color:#00b8fc !important;padding:10px}.hotkeys{position:relative;background:#00b8fc;color:#fff;padding:0px}.hotkeys>img{width:50%}.hotkeys>p{width:50%;padding:10px}.hotkeys-small{position:relative;display:flex;flex-direction:column;background:#00b8fc;color:#fff;padding:0px;height:90%}.hotkeys-small>img{width:100%}.hotkeys-small>p{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;flex:1}.batteries{position:relative;padding:0px}.batteries>img{width:50%}.batteries>.about{width:50%;padding:10px;color:#00b8fc !important}.batteries>.bubbles{width:50%;height:100%}.batteries>.battincl{width:50%;text-align:right;color:#00b8fc;margin:0px}.batteries-small{position:relative;display:flex;flex-direction:column;background:#00b8fc;color:#fff;padding:0px;height:90%}.batteries-small>img{width:100%;z-index:1}.batteries-small>div{display:flex;align-items:center;justify-content:center;width:100%;background:#fff;color:#00b8fc !important;margin:0px;flex:1}.batteries-small>div>.about{color:#00b8fc !important;padding:10px;z-index:1}.batteries-small>div>canvas{width:100%;height:100%;z-index:0}.batteries-small>.battincl{width:100%;text-align:right;color:#00b8fc;margin:0px;z-index:2}footer{width:100%;background:#00b8fc;color:#fff}footer a{background:#fff;color:#00b8fc !important;text-decoration:none;font-weight:bold}footer a:hover{background:#00b8fc;color:#fff !important}footer>.link{padding:20px}footer>.link_small{padding:15px}