body {
    background-image: url('/static/main_bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #444444;
    color: #f0f0f0;
}

h1 {
    margin: 0.7rem 0;
}

h2 {
    margin: 0.7rem 0 0 0;
}

.profile_pic {
    max-width: 20vmin;
    box-shadow: 0 4pt 15pt 1pt #000000C0;
}

.grid > * > * {
    margin-top: 0.5rem;
}

.popup {
    color: #111111;
}

@media only screen and (max-width: 1920px) and (max-height: 1285px) {
    body {
        background-image: url('/static/main_bg_1080p.jpg');
    }
}

@media only screen and (max-width: 1366px) and (max-height: 914px) {
    body {
        background-image: url('/static/main_bg_768p.jpg');
    }
}

@media (max-width: 600px) {
    .profile_pic {
        max-width: 30vmin;
    }

    .grid > * > * {
        height: 4rem;
    }
}