:root{--primary-red:#05396b}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#444;background-color:#fff7f7}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}button{border:none;outline:none;background:transparent}.btn{text-decoration:none;color:#fff!important;background-color:none}.btn:hover{opacity:.8}.btn-icon{width:15px;display:inline-block}.btn-icon,.btn-txt{vertical-align:middle}.btn-txt{padding-left:10px}.menu-btn{padding:12px 15px;display:inline-block}.menu-btn:hover{background-color:rgba(0,0,0,.1);border-radius:50%}.login-btn{padding:5px 20px;border-radius:3px}.menu-bar{overflow:hidden;background-color:#05396b;background-color:var(--primary-red);box-shadow:-5px -7px 15px 1px rgba(0,0,0,.8);padding-left:20%;padding-right:20%}.disabled{pointer-events:none}.app-icon-container{width:1em;height:1em;display:inline-block;font-size:1.5rem;border-radius:50%}.card{display:inline-block;width:13em;height:9.6em;margin:2em;text-align:center;background:#fff;border-radius:5px;background-size:cover;background-position:50%;box-shadow:0 10px 30px -5px rgba(0,0,0,.3);-webkit-transition:box-shadow .5s;transition:box-shadow .5s;will-change:transform;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.page{background:radial-gradient(ellipse at center,#eef0f2 0,#90a2b2 100%);height:100%;width:100%;margin:0}.page-title{font-weight:400;font-size:35px}.window{width:80%;margin:0 auto;background:#fff;border-radius:6px}.title-bar{background-color:#fff;border-top-right-radius:6px;border-top-left-radius:6px;color:#4d494d;padding-top:5px;padding-bottom:5px}.buttons{float:left;padding-left:8px;padding-top:3px;line-height:0}.mac-btn{font-size:9px;width:11px;height:11px;display:inline-block;border-radius:50%}.close{background:#ff5c5c;border:1px solid #ff5c5c}.minimize{background:#ffbd4c;border:1px solid #ffbd4c;margin-left:4px}.zoom{background:#00ca56;border:1px solid #00ca56;margin-left:4px}.content{background-color:#eee;padding:20px 10px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.col{display:inline-block}.col-4{width:25%}.col-8{width:75%}.tag{color:#05396b;color:var(--primary-red);display:inline-block;padding:5px 10px;border:1px solid #05396b;border:1px solid var(--primary-red);border-radius:5px;margin-right:10px;margin-bottom:10px}.selected,.tag:hover{background-color:#05396b;background-color:var(--primary-red);color:#fff}.footer{padding:10px;border:1px solid #45454d;position:absolute;width:100%;text-align:center;background-color:#05396b;color:#fff}.social-icon{width:24px;height:24px;display:inline-block;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.social-icon:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-width:860px){.page{width:65%}.menu-bar{padding-left:5%;padding-right:5%}}@media (max-width:770px){.page{width:80%}}@media (max-width:660px){.page{width:98%}.menu-bar{padding-left:0;padding-right:0}}