aside{width:11rem;height:100%;border-right:1px solid #3f3f3f;display:flex;flex-direction:row}aside li{list-style:none}aside .navigation{background-color:#272525;width:8.5rem;display:flex;flex-direction:column;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.8rem;font-weight:300}aside .navigation p{cursor:pointer;margin:.6rem 0 .4rem .3rem}aside .navigation .submenu{margin-left:15px;display:flex;flex-direction:column;gap:4px}aside .navigation .submenu img{width:1rem;height:1rem}aside .navigation .submenu a{color:#fff;text-decoration:none;display:flex;align-items:center;height:2rem}aside .navigation .submenu a:hover{color:#efff08;margin-top:.1rem}aside .icons{height:100%;width:2.5rem;color:#b8b6b6;display:flex;flex-direction:column;background-color:#1f1e1e;align-items:center}aside .icons svg{width:1.2rem;height:1.2rem;margin-top:1rem}aside .icons .blue-line{width:100%;display:flex;justify-content:center;padding-bottom:.3rem}aside .icons .blue-line:hover{border-left:2px solid #337ccf;color:#e6d81b}aside .icons .blue-line:active{border-left:2px solid aqua;color:#ec6c39}@media(max-width:890px){aside{display:none}}.footer-menu{background:#f5b5b5;background:linear-gradient(176deg,rgba(245,181,181,.85) 3%,rgb(7,135,171) 50%,rgb(200,224,135) 98%);height:10%;width:100%;border:none}.footer-menu .footer-item1{background-color:#555353;height:35%;width:100%;color:#cecaca;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.footer-menu .footer-item1 .remote{background-color:#2280ce;width:2.6rem;height:100%;display:flex;align-items:center;justify-content:center}.footer-menu .footer-item1 .remote:hover{background-color:#e662be}.footer-menu .footer-item1 .remote:hover img{margin-top:.2rem}.footer-menu .footer-item1 .info-icon{width:60%;height:100%;display:flex;flex-direction:row;justify-content:start;align-items:center}.footer-menu .footer-item1 .info-icon img{margin-left:.3rem;margin-bottom:.1rem}.footer-menu .footer-item1 .info-icon p{font-size:.6rem;margin-left:.1rem;color:#adacac}.footer-menu .footer-item1 .footer-info{width:40%;height:100%;display:flex;flex-direction:row;justify-content:end;align-items:center}.footer-menu .footer-item1 .footer-info ul{display:flex;flex-direction:row}.footer-menu .footer-item1 .footer-info ul li{list-style:none;margin-right:1rem;font-size:.7rem;color:#fff}.footer-menu .footer-item1 .footer-info ul li:hover{color:#e662be;margin-top:.1rem}.footer-menu .footer-item2{width:55%;height:60%;margin:.1rem auto auto;border-radius:10px;background-color:rgba(44,43,43,.61);display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:1rem}.footer-menu .footer-item2 img{width:2rem;height:2rem}.footer-menu .footer-item2 img:hover{border-radius:5px;padding:.15rem}.footer-menu .footer-item3{display:none}@media(max-width:1380px){.footer-menu .footer-item1 .footer-info ul li{font-size:.5rem}.footer-menu .footer-item2 img{width:1.3rem;height:1.3rem}}@media(max-width:1000px){.footer-menu{border-bottom-left-radius:2.3rem;border-bottom-right-radius:2.3rem}.footer-menu .footer-item1 .footer-info ul{width:100%;display:flex;flex-direction:row;justify-content:end;align-items:center}.footer-menu .footer-item1 .footer-info ul li{margin-right:.2rem;font-size:.5rem;text-align:end}.footer-menu .footer-item2{width:70%}.footer-menu .footer-item2 img{width:1.1rem;height:1.1rem}}@media(max-width:600px){.footer-menu .footer-item1 .footer-info{display:none}.footer-menu .footer-item1 .info-icon{width:100%}.footer-menu .footer-item2{display:none}.footer-menu .footer-item3{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;height:65%;font-size:1.3rem;color:rgba(233,228,228,.596)}.footer-menu .footer-item3 :hover{color:rgba(230,98,190,.705)}}header{width:100%;height:2.3rem;background-color:#222;display:flex;flex-direction:row;align-items:center;position:relative;padding:0 1rem}header .burger{display:none;flex-direction:column;justify-content:space-around;width:25px;height:20px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0;margin-right:1rem;z-index:9}header .burger .burger-line{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all .3s linear;position:relative;transform-origin:1px}header .burger .burger-line.open:first-child{transform:rotate(45deg)}header .burger .burger-line.open:nth-child(2){opacity:0;transform:translateX(20px)}header .burger .burger-line.open:nth-child(3){transform:rotate(-45deg)}header nav.nav-menu{display:flex;flex-direction:row;width:100%}header nav.nav-menu a{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:.8rem;width:17%;height:2.25rem}header nav.nav-menu a img{width:1.2rem;height:1.2rem}header nav.nav-menu a:hover{border-top:2px solid #faf731}header nav.nav-menu a.active{border-top:2px solid aqua}@media(max-width:1380px){.nav-item-label{display:none}}@media(max-width:768px){header{height:auto;flex-wrap:wrap;padding:.5rem 1rem}header .burger{display:flex}header nav.nav-menu{display:none;flex-direction:column;width:100%;background-color:#222;position:absolute;top:2rem;left:0;border-top:1px solid #555;z-index:9999}header nav.nav-menu.open{display:flex}header nav.nav-menu a{width:100%;padding:.8rem 1rem;justify-content:flex-start}header nav.nav-menu a .nav-item-label{display:inline}}.options{background-color:#1f1e1e;width:100%;height:5%;color:#b8b6b6;align-items:center;justify-content:space-between;font-size:.9rem}.options,.options .item1{display:flex;flex-direction:row}.options .item1 img{margin-left:.5rem}.options .item1 ul{display:flex;flex-direction:row;width:100%;margin-left:.5rem}.options .item1 ul li{list-style:none;margin-right:.5rem}.options .item1 ul li:hover{color:#ec6969;margin-top:.1rem}.options .item1,.options .item2,.options .item3{width:33%;height:1.3rem;align-content:center;align-items:center}.options .item1 p:hover,.options .item1 svg:hover,.options .item2 p:hover,.options .item2 svg:hover,.options .item3 p:hover,.options .item3 svg:hover{color:#ec6969}.options .item2{height:1.8rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.options .item2 p{margin-top:.1rem;margin-left:2.8rem}.options .item2 svg{width:.7rem;margin-left:.5rem}.options .item3{display:flex;flex-direction:row;justify-content:right;padding-right:1rem;margin-bottom:.2rem}.options .item3 p{margin-right:.5rem;margin-bottom:.3rem}.options .item3 svg{width:.7rem;margin-right:.5rem}@media(min-width:1380px){.item1 .burger-text,.item1 .item1-burger,.item1 .mobile-menu{display:none}}@media(max-width:1380px){.item1 .item1-menu{display:none}.item1 .burger-container{position:relative;width:5rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-left:1rem}.item1 .burger-container .mobile-menu{position:absolute;top:1.2rem;left:0;width:8.5rem;background-color:#272525;color:#fff;z-index:999;box-shadow:0 4px 8px rgba(206,204,204,.2)}.item1 .burger-container .mobile-menu ul{list-style:none;margin:0;padding:1rem;display:flex;flex-direction:column}.item1 .burger-container .mobile-menu ul li{padding:.5rem 0;cursor:pointer}.item1 .burger-container .mobile-menu ul li:hover{color:#ec6969}.item1 .item1-burger{display:block;width:1rem;height:1.2rem;border-radius:3px;border:none;background-color:rgba(0,0,0,0);color:#9c9696;cursor:pointer}.item1 .item1-burger:hover{color:#ec6969}}@media(max-width:780px){.options .burger-container{z-index:9998}.options .burger-text{display:none}.options .item2{width:70%;margin-right:22%;margin-left:0}.options .item2 p{font-size:.7rem}.options .item3{display:none}}@media(max-width:660px){.options .item2{margin-right:25%}}@media(max-width:540px){.options .item2{margin-right:32%}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:rgba(34,202,118,.718);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.home-page{height:85vh;width:75%;border:1rem solid #222;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;margin:2rem auto .3rem;box-shadow:1px 8px 20px 5px #818080}.home-page .camera{width:100%;height:4%;display:flex;justify-content:space-between;background:#f5b5b5;background:linear-gradient(176deg,rgba(245,181,181,.85) 3%,rgb(7,135,171) 50%,rgb(200,224,135) 98%);border-top-left-radius:1.4rem;border-top-right-radius:1.4rem}.home-page .camera .clock{font-size:.8rem;font-weight:600;color:#000;margin-left:.5rem}.home-page .camera .clock,.home-page .camera .icons{display:flex;flex-direction:row;align-items:center;height:100%}.home-page .camera .icons{margin-right:.2rem}.home-page .camera .icons svg{margin-right:.5rem;width:.9rem}.home-page .camera .camerain{width:14rem;height:1.6rem;background-color:#1a1919;border-bottom-left-radius:.9rem;border-bottom-right-radius:.9rem;display:flex;justify-content:center;align-items:center}.home-page .camera .camerain .camera1{width:1rem;height:1rem;background-color:#302f2f;border-radius:50%;display:flex;justify-content:center;align-items:center}.home-page .camera .camerain .camera1 .camerain2{width:.25rem;height:.25rem;background-color:#494949;border-radius:50%}.home-page .camera .camerain .footer-menu{height:2rem;background-color:aqua}.keyboard{width:98%;height:3rem;box-shadow:1px 8px 20px 5px #818080;background:#9a9a9a;background:linear-gradient(93deg,rgb(154,154,154),rgb(203,203,203) 1%,rgb(123,123,123) 3%,rgb(209,209,209) 46%,rgb(135,135,135) 97%,rgb(209,208,208) 99%,rgb(123,123,123) 100%,rgb(248,248,248) 0);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;margin:0 auto auto;display:flex;justify-content:center}.keyboard .keyboardfront{width:15rem;height:1.5rem;background:#676565;background:linear-gradient(93deg,rgb(103,101,101),rgb(123,123,123) 5%,rgb(203,203,203) 7%,rgb(249,249,249) 49%,rgb(209,208,208) 94%,rgb(135,135,135) 97%,rgb(123,123,123) 100%,rgb(248,248,248) 0);border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}.main{display:flex;flex-direction:row;width:100%;height:81%;background-color:#fff}.main .main-child{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}@media(max-width:1000px){.home-page{border-bottom-left-radius:3.5rem;border-bottom-right-radius:3.5rem;margin-top:1.5rem}.keyboard{display:none}}@media(max-width:768px){.home-page .camera .camerain{width:8rem}}@media(max-width:440px){.home-page .camera .clock{visibility:hidden}.home-page .camera .icons{width:4.5rem;margin-left:.3rem}.home-page .camera .icons svg{width:.7rem}.home-page .camera .camerain{width:5rem;margin-right:.7rem}}