* {
    font-family: 'Lato', sans-serif;
    box-sizing: border-box;
}
html, body {
    padding: 0;
    margin: 0;
}


.h-100 { height: 100vh; }
.h-100-with-nav { height: calc(100vh - 60px); }
.w-100 { width: 100%; }
.nom { margin: 0; }
.nop { padding: 0; }
.nomp { margin: 0; padding: 0; }
.bold { font-weight: bold; }

.smaller-text { font-size: 0.8rem; }
.thin-text { font-weight: lighter; }

.glass {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.nav-head {
    height: 60px;
}
.cool-sky {
    background: #2193b0;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #6dd5ed, #2193b0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #6dd5ed, #2193b0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
}

input.browser-default {
    padding: 4px 8px;
}