*{font-size:24px;color:#0f0}html,body{padding:0;margin:0;background-color:#000;overflow:hidden}header,footer{position:relative;width:100vw;height:100px;display:flex;background-color:#222}app-md-header{position:relative;width:100%}.content{overflow:scroll;display:flex;height:100vh;padding:8px;position:relative;background-color:#000}button{box-shadow:0 3px 5px 4px #0f0;cursor:pointer;margin:16px;padding:8px;border:none;background-color:#222;border-radius:10px;transition:all .5s}button:active{background-color:#3e8e41;box-shadow:0 0 5px 1px #0f0;transform:translateY(3px)}.flex{display:flex;align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:end}.justify-evenly{justify-content:space-evenly}.align-center{align-items:center}.intro-part{background-color:#000}@media screen and (max-width: 600px){.desktop{display:none!important}}@media screen and (min-width: 601px){.mobile{display:none!important}}.tab{cursor:pointer;padding:8px}.secondary-bg{background:#000;box-shadow:inset 0 0 10px 10px #0f0}.card{display:flex;border-radius:0;padding:16px;margin-top:8px;margin-bottom:8px}@media screen and (max-width: 600px){.card{flex-direction:column}}.full-width{width:100%}nav{width:100%}.list{flex-direction:column}.list-item{margin:8px;width:100%;text-align:left}.col{flex-direction:col}.flex-2{flex-grow:2}.icon-container{width:50px}.full-height{height:100%}