html,html body{height:100%;width:100%}html body{padding:0;margin:0;overflow:hidden;font-family:Arial,sans-serif}.desktop{height:100%;width:100%;background-color:#10807f;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.desktop .taskbar{height:26px;background-color:silver;position:absolute;bottom:0;left:0;right:0;border-top:2px ridge #fff}.desktop .taskbar #start{background:url(../assets/images/start_icon.png) 0 no-repeat;background-size:17px 17px;text-align:right;font-weight:bolder;width:52px;height:20px;display:inline-block;padding:1px 2px;margin-left:2px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.desktop .taskbar .startRest{border-top:2px ridge #fff;border-left:2px ridge #fff;border-bottom:2px ridge #000;border-right:2px ridge #000}.desktop .taskbar .startRest:active{border-top:2px inset #000;border-left:2px inset #000;border-bottom:2px inset #fff;border-right:2px inset #fff}.desktop .taskbar .notifications{text-align:right;font-weight:bolder;min-width:75px;height:20px;float:right;margin-left:2px;position:relative;right:2px;border-top:2px inset grey;border-left:2px inset grey;border-right:2px inset #fff;font-size:12px;padding:5px 0}.desktop .taskbar .notifications .notification-icon{height:20px;width:20px;background-image:url(../assets/images/logo.png);background-size:contain;background-color:#fff;float:left;position:relative;top:-3px}.desktop .window-container{height:400px;width:600px;position:absolute;right:0;left:0;margin:0 auto;background-color:silver;border-bottom:2px outset #000;border-right:2px outset #000;border-left:2px outset #fff;border-top:2px outset #fff;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.desktop .window-container .window-title-bar{height:22px;text-align:left;background-color:#010081;color:#fff;line-height:22px;padding:0 0 0 5px;cursor:default}.desktop .window-container .window-title-bar .x{float:right;height:15px;width:15px;border:1px solid #000;color:#000;background-color:silver;border-bottom:1px outset #000;border-right:1px outset #000;border-top:1px outset #fff;border-left:1px outset #fff;margin:2px;text-align:center;line-height:12px;position:relative;right:1px}.desktop .window-container .window-title-bar .x:active{border-top:1px outset #000;border-left:1px outset #000;border-bottom:1px outset #fff;border-right:1px outset #fff}.desktop .window-container [draggable=true]{cursor:move}.desktop .window-container .resizable{overflow:scroll;resize:both;max-width:300px;max-height:460px}.desktop .window-container h1{margin:5px 0 0 20px}.desktop .window-container h5{margin:0 0 0 20px;width:390px;line-height:1;min-height:26px}.desktop .window-container .window-body{height:280px;width:390px;background-color:#ffffec;margin:0 0 0 20px;position:absolute;bottom:20px}.desktop .window-container .window-body h4{margin:5px 15px}.desktop .window-container .window-body .thumbnail{margin:5px 15px 15px;border:1px solid #000;height:200px;position:relative;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:50%}.desktop .window-container .btns-container{position:absolute;right:0;width:160px;padding:15px;margin:-3px 0 0}.desktop .window-container .btns-container .btn{height:30px;width:160px;border-bottom:1px outset #000;border-right:1px outset #000;border-top:1px outset #fff;border-left:1px outset #fff;font-size:14px;margin:10px 0 0}.desktop .window-container .btns-container .btn:active{border-top:1px outset #000;border-left:1px outset #000;border-bottom:1px outset #fff;border-right:1px outset #fff}.desktop .window-container .btns-container .btn:focus{outline:none}.desktop .window-container .btns-container .btn-project{margin:0}.desktop .window-container .btns-container .btn-github{margin:10px 0 30px}.desktop .application-container{height:633px;height:80vh;width:400px;position:relative;bottom:0;left:0;right:0;margin:0 auto;background-color:#fff;max-height:633px}.desktop .application-container iframe{height:100%;width:100%}.desktop .start-menu-container{height:auto}.story-time-icon{background-image:url(../assets/images/st.png)}.story-time{background-image:url(../assets/images/st_preview.png)}.beer-journal-icon{background-image:url(../assets/images/tbj.png)}.beer-journal{background-image:url(../assets/images/tbj_preview.png)}.big-day-icon{background-image:url(../assets/images/bd.png)}.big-day{background-image:url(../assets/images/bd_preview.png)}.picture-game-icon{background-image:url(../assets/images/pg.jpeg)}.picture-game{background-image:url(../assets/images/pg_preview.png)}.mole-icon{background-image:url(../assets/images/mole.png)}.mole-game{background-image:url(../assets/images/mole_preview.png)}.ducks-icon{background-image:url(../assets/images/dw.png)}.ducks{background-image:url(../assets/images/dw_preview.png)}.ttt-icon{background-image:url(../assets/images/ttt.png)}.app{position:absolute}.app .icon-container{width:60px;height:60px}.app .icon-container .icon{background-size:cover;height:100%;width:100%;border-radius:10px;background-repeat:no-repeat;background-position:50%;margin:0 0 2px}.app .icon-container .icon-text{text-align:center;font-size:12px}.window-about{padding:0 20px}.start-menu-overlay{height:100%;width:100%;position:relative;z-index:1;display:none}.start-menu{border:1px solid #000;height:225px;width:180px;position:absolute;left:0;bottom:28px;background-color:silver;z-index:2}.start-menu .start-logo{float:left;width:30px;background-color:gray;height:100%;background-image:url(../assets/images/vertical.png);background-size:contain;background-repeat:no-repeat}.start-menu .start-menu-items{float:right;height:100%}.start-menu .start-menu-items ul{list-style:none;margin:0;padding:0}.start-menu .start-menu-items ul li div{padding:5px 0 0 10px;height:40px;width:140px;line-height:37px;cursor:pointer}.start-menu .start-menu-items ul li div p{display:inline;position:relative;bottom:10px;left:10px}.start-menu .start-menu-items ul li:hover{color:#fff;background-color:navy}.contact-content{text-align:center}.contact-content h3 a{text-decoration:none;color:#000;font-size:35px}.contact-content h3 img{width:50px;vertical-align:middle}.preferences-content{height:400px;background-color:silver;padding:10px}.preferences-content .tab{width:100px;border-right:1px outset #000;border-top:1px outset #fff;border-left:1px outset #fff;border-top-left-radius:3px;border-top-right-radius:3px;position:relative;left:3px;text-align:center}.preferences-content .container{border:1px solid #000;border-bottom:1px outset #000;border-right:1px outset #000;border-top:1px outset #fff;border-left:1px outset #fff}.preferences-content .container .preview{margin:0 auto;width:75%}.preferences-content .container .selection-container{width:100%}.preferences-content .container .selection-container .pattern{float:left;width:50%}.preferences-content .container .selection-container .wallpaper{float:right;width:50%}.hide{display:none}.cf:after{content:"";display:table;clear:both}.text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.startup{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:#000;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;width:100vw;position:absolute;top:0;left:0;z-index:100}.startup img{max-height:100vh;max-width:100vw}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}@-webkit-keyframes fadeOut{to{opacity:0}}@keyframes fadeOut{to{opacity:0}}.fade-in{opacity:0;-webkit-animation:fadeIn 2s ease-in 1 forwards;animation:fadeIn 2s ease-in 1 forwards}.fade-out{-webkit-animation:fadeOut 2s ease-in 1 forwards;animation:fadeOut 2s ease-in 1 forwards}.display--none{display:none}.main-container{height:100vh;width:100vw}