*{box-sizing:border-box;text-decoration:none;font-family:'Lato', Helvetica, sans-serif;font-size:1rem}#login{height:100vh;display:flex;align-items:center}#login .container .welcome{padding:15px}#login .container form{display:inline-block;width:100%}#login .container form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;padding:15px;margin:15px auto;border-width:0px;border-radius:5px;background:rgba(0, 0, 0, 0.1)}#login .container form input[type=text]{min-width:50%;text-align:center}#login .container form input[type=submit]{min-width:15%;background:rgba(237, 108, 50, 0.75);color:white;cursor:pointer}#login .container form input[type=submit]:hover{background:rgba(237, 108, 50, 1.0)}#login .container .notification .timesplayed{margin-top:15px;font-size:0.75rem}#background-video{position:fixed;display:block;overflow:hidden;height:100vh;width:100vw;top:0;left:0}#background-video video{height:100%;position:relative;left:0;top:0;width:100%;display:block;background-size:cover;object-fit:cover}#desktop{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}#desktop #background-video{z-index:100;display:none}#desktop #wrongpass{display:none;position:fixed;z-index:50;background:rgba(0, 0, 0, 0.5);min-width:100vw;min-height:100vh}#desktop #wrongpass .sub{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#desktop #wrongpass .sub span{text-align:center;width:50%;padding:30px 60px;background:black;color:white;border:1px solid white}#desktop .header{text-align:right;position:absolute}#desktop .header #countdown{font-family:'Orbitron', sans-serif;font-size:5rem;letter-spacing:1rem;display:inline-block;padding:15px 30px 0px 30px;margin-top:15px;background:rgba(0, 0, 0, 0.5);color:white;min-width:420px;text-align:center;border-radius:15px}#desktop .content{margin-top:30px;margin-bottom:30px}#desktop .content .row{display:flex;align-items:flex-end}@media only screen and (max-width:45em){#desktop .content .row{flex-wrap:wrap}}#desktop .content .icons{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;justify-content:flex-start}#desktop .content .icons img{width:60px;margin-bottom:30px}#desktop .content .skype{background:rgba(0, 0, 0, 1);border:2px solid black;padding:15px;box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.5);max-width:400px}#desktop .content .skype #display{min-height:60px;padding:10px;border:2px solid rgba(21, 174, 237, 0.1);background:rgba(21, 174, 237, 0.1);color:white;font-size:1.5rem}#desktop .content .skype .numpad{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}#desktop .content .skype .numpad a.key{width:calc(100%/3);height:75px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}#desktop .content .skype .numpad a.key .num{font-size:1.5rem;color:#15aeed}#desktop .content .skype .numpad a.key .abc{color:white;font-size:0.75rem}#desktop .content .skype .numpad a.key:hover{background:rgba(21, 174, 237, 0.1)}#desktop .content .skype .functions{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:15px}#desktop .content .skype .functions .call,#desktop .content .skype .functions .del,#desktop .content .skype .functions .clear{cursor:pointer;display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin:0px 15px;background:rgba(21, 174, 237, 0.75);border:4px solid transparent;border-radius:50%}#desktop .content .skype .functions .call span,#desktop .content .skype .functions .del span,#desktop .content .skype .functions .clear span,#desktop .content .skype .functions .call i,#desktop .content .skype .functions .del i,#desktop .content .skype .functions .clear i{color:white;font-weight:bold;font-size:1rem}#desktop .content .skype .functions .call:hover,#desktop .content .skype .functions .del:hover,#desktop .content .skype .functions .clear:hover{border:4px solid #15aeed}#desktop .content .skype .functions .clear,#desktop .content .skype .functions .del{background:none;font-size:1rem}#desktop .content .skype .functions .clear:hover,#desktop .content .skype .functions .del:hover{border:4px solid rgba(21, 174, 237, 0.25)}#desktop .content .skype #response{padding:10px;color:white}#desktop .content .skype audio{width:100%;display:none}#desktop .content .email{padding:15px;display:flex;justify-content:center;align-items:flex-end;height:65vh;margin-top:60px;opacity:1}#desktop .content .password{padding:15px 30px 0px 30px;background:rgba(255, 255, 255, 1);box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.5);min-width:50%}#desktop .content .password #form{display:flex;flex-direction:column;justify-content:center}#desktop .content .password .logo{margin:15px;max-height:30px}#desktop .content .password .row{margin-bottom:15px;justify-content:center}#desktop .content .password input{width:100%;-webkit-appearance:none;border-width:0px;padding:15px;background:rgba(0, 0, 0, 0.1)}#desktop .content .password .button{display:inline-block;text-align:center;max-width:180px;color:white;padding:15px 30px;border-radius:5px;background:rgba(237, 108, 50, 0.75);cursor:pointer}#desktop .content .password .button:hover{background:rgba(237, 108, 50, 1.0)}#desktop .content .password .button span{color:white}#desktop .content .password #pwresponse{flex-direction:column}#desktop .content .password #pwresponse .row{justify-content:center}#desktop .footer{width:100%;background:rgba(0, 0, 0, 0.5);display:flex;justify-content:space-between}#desktop .footer img{width:30px;margin:0px 15px}#desktop .footer .startmenu{padding:15px}#desktop .footer .taskbar{display:flex;align-items:center}#desktop .footer #clientid{display:none}#page{height:100vh}#page .container{height:100%;display:flex;justify-content:center;align-items:center}#error{height:100vh;display:flex;align-items:center}#error .notice{margin:15px auto}#error .notice a{text-decoration:underline;font-weight:bold}