@font-face{font-family:windows;font-style:normal;src:url(/webfonts/windows-regular.woff2) format("woff2")}@font-face{font-family:windows-monoline;font-style:normal;src:url(/webfonts/windows-monoline.woff2) format("woff2")}body{height:100%;width:100%;margin:0;font-family:windows}#app{display:flex}#main{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh;width:100%;display:flex;flex-direction:column}#container{background-color:#008282;padding:20px;flex:1 1 auto}.container{display:flex;flex-direction:row}#nav{background-color:#c3c3c3;height:32px;border-bottom:2px solid #d3d3d3;display:flex;align-content:center;align-items:center}.retro-btn{font-family:windows;border-top:2px solid #f7f6f6;border-left:2px solid #f7f6f6;border-bottom:2px solid #09090e;border-right:2px solid #09090e;background-color:#c3c3c3;flex-grow:0;height:25px;margin-right:10px}.retro-btn:focus{outline:0}.retro-btn:focus{border-bottom:2px solid #f7f6f6!important;border-right:2px solid #f7f6f6!important;border-top:2px solid #09090e!important;border-left:2px solid #09090e!important;color:#4e4e4e}.card{width:40vw;min-height:15vh;height:auto;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #414141;border-bottom:2px solid #414141;background:#C3C3C3;margin:25px}.card-title{background:#000181;color:#fff;text-align:center}.card-text{padding:20px}p{white-space:pre-wrap}.desktop-icon{display:flex;flex-direction:column;width:128px;margin-bottom:40px}.desktop-icon p{padding-top:10px;color:#fff}.desktop-icon i,.desktop-icon p{margin:0;text-align:center}.clock{font-size:10pt;justify-self:flex-start}.desktop-icons{left:0;width:248px}.tray{align-self:center;margin-left:auto;width:100px;height:25px;border-bottom:2px solid #f7f6f6!important;border-right:2px solid #f7f6f6!important;border-top:2px solid #09090e!important;border-left:2px solid #09090e!important;display:flex;align-items:center;justify-content:space-between;padding:0 2px}.start-button{height:30px;margin:1px 15px 1px 3px}.start-menu{height:400px;width:300px;margin:0;position:absolute;background-color:#c3c3c3;padding-left:2px;border-top:2px solid #fff;border-left:2px solid #fff;border-right:5px solid #414141;border-bottom:5px solid #414141;display:flex}.start-menu div>hr{display:flex;flex-direction:row}.start-menu ul{list-style-type:none;margin:10px 0;padding:4px 12px;width:100%}.start-menu ul li{display:flex;align-items:center;color:#000;font-size:13pt;padding-bottom:10px}.start-menu ul li i{padding-right:20px}.start-menu ul hr{width:100%}.start-menu .bar{height:100%;width:30px;background:rgb(0,0,128);background:linear-gradient(0deg,rgb(0,0,128) 0%,rgb(0,0,254) 14%,rgb(0,0,128) 31%);display:flex}.start-menu .bar p{font-family:windows-monoline;writing-mode:tb-rl;transform:rotate(-180deg);color:#fff;margin-left:-4px;font-size:24pt;padding-top:5px;align-items:flex-start}a{text-decoration:none}a:visited{color:inherit}