@import url("https://fonts.googleapis.com/css?family=Quicksand|Roboto:300,400&display=swap");body,html{height:100%;margin:0;padding:0;background:#333;-webkit-transition:3000ms;transition:3000ms;overflow:hidden}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:'Questrial',sans-serif;background:url("") fixed no-repeat;background-size:cover;background-position:center}a{text-decoration:none;color:#fff}.desktop{width:100%;height:calc(100vh - 42px);display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}.desktop a{z-index:10}.desktop-app-box{width:70px;height:85px;display:block;margin:3px;margin-bottom:28px;color:#fff;font-size:12px;text-align:center;line-height:14px;border:1px solid transparent}.desktop-app-box:hover{background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}.desktop-app-box:active,.desktop-app-box:focus{background-color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.5)}.desktop-app-box-large{height:84px;margin-bottom:14px}.desktop-app-box img{height:46px;width:46px;margin-bottom:5px}#window{-webkit-transform:scale(1);transform:scale(1);height:500px;width:900px;-webkit-box-shadow:.6em .6em 2em rgba(0,0,0,.8);box-shadow:.6em .6em 2em rgba(0,0,0,.8);border:1px solid #131313;border-top:0;background:inherit;overflow:hidden;position:absolute;-webkit-transition:-webkit-transform 400ms;transition:-webkit-transform 400ms;transition:transform 400ms;transition:transform 400ms,-webkit-transform 400ms;display:none}#window::before{height:560px;width:960px;content:"";position:absolute;top:-30px;left:-30px;bottom:0;right:0;background:inherit;-webkit-box-shadow:inset 0 0 0 600px rgba(0,0,0,.5);box-shadow:inset 0 0 0 600px rgba(0,0,0,.5);-webkit-filter:blur(15px);filter:blur(15px)}.w-title{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:8%;background:#131313}.title-text{margin:0;color:#fff;padding:0 1em}.title-text img{height:1em;padding-right:.6em}.btns img{height:.7em;padding:1em;-webkit-transition:200ms;transition:200ms}.btns img:hover{background:rgba(129,129,129,.7)}.btns .close:hover{background:rgba(255,62,62,.7)!important}.w-body{position:absolute;margin-top:.9em;color:#fff;font-family:'Roboto',sans-serif;font-size:3em;font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}#w-text{font-style:italic;margin:0;padding:1em;-webkit-transition:-webkit-transform 800ms;transition:-webkit-transform 800ms;transition:transform 800ms;transition:transform 800ms,-webkit-transform 800ms;font-style:normal;font-size:15px;font-family:Arial,Helvetica,sans-serif;line-height:3}.start{width:25em;height:70vh;background:rgba(0,0,0,.8);position:absolute;bottom:2.8em;left:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;-webkit-transform:translateY(8em);transform:translateY(8em);-webkit-transition:400ms;transition:400ms}.start img{height:1.2em;padding:.8em}.start img:hover{background:rgba(73,73,73,.6);-webkit-transition:100ms;transition:100ms}.s-side{height:inherit;width:2.8em;bottom:0}.s-apps{width:22.2em;height:inherit}.menu-bottom{bottom:2.8em;position:fixed;width:inherit}.taskbar{width:100%;height:2.8em;background:rgba(0,0,0,.8);position:fixed;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.taskbar-top{height:2em;top:0;display:none}.t-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.t-start img,.t-start div{height:1.2em;padding:.8em;-webkit-transition:200ms;transition:200ms}.t-start img:hover,.t-start div:hover{background:rgba(73,73,73,.7);-webkit-transition:200ms;transition:200ms}.t-start a{margin-top:.2em}.t-start .active{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:.6em;background:rgba(73,73,73,.7);border-bottom:2px solid #fff;-webkit-transition:600ms;transition:600ms}.t-start .active:hover{background:rgba(114,114,114,.7)!important}.t-icons{display:-webkit-box;display:-ms-flexbox;display:flex;border-right:1px solid #a3a3a3;margin-right:.5em;padding-right:.3em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.t-icons img,.t-icons div{height:1.2em;padding:.8em;-webkit-transition:200ms;transition:200ms}.t-icons img:hover,.t-icons div:hover{background:rgba(73,73,73,.7);-webkit-transition:200ms;transition:200ms}.t-icons a{margin-top:.2em}.t-icons .t-icon{padding:1em .4em;font-size:.8em}.t-i-top .t-icon,.t-i-top div{padding:.6em .4em;font-size:.8em}.t-i-top #up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (max-width:940px){#w-text{font-size:32px}#w-text span{font-size:16px!important}#window{width:90%}}@media screen and (max-width:640px){.sm-d-none{display:none}.t-icons-btm{display:none}.taskbar-top{display:-webkit-box;display:-ms-flexbox;display:flex}}