body {
    background-image: url(bg.jpg);
    background-size: 100vw;
}

main {
    padding: 5px;
    display: grid;
    font-family:Segoe UI,SegoeUI,Noto Sans,sans-serif;
    grid-template-columns: 50% 50%;
}

.main-box {
    box-sizing: border-box;
    background: linear-gradient(0deg, rgba(14, 139, 24, 0.705) 0%, rgba(144, 238, 144, 0.603) 100%);
    padding: 5px 10px;
    margin: 3px;
    border-radius: 20px;
}

p, ul {
    font-size: 9pt;
}

#main_nav > img {
    vertical-align:bottom;
}

/* Webmaster section */

#webmaster {
    display: flex;
    flex: min(820px, 50%);
    flex-wrap: wrap;
}

#webmaster > section {
    box-sizing: border-box;
    flex: 50%;
}

#boxes {
    border: 3px solid red;
}

#webmaster > section:nth-child(2) {
    text-align: center;
}

#webmaster > section:nth-child(2) > img {
    width: min(225px, 55%);
    border-radius: 15px;
}

/* Music section */

#music {
    display: grid;
    grid-template-columns: 15% auto;
}

#music_links {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    margin-bottom: 20px;
}

#music > section:nth-child(1) {
    text-align: center;
}

#music > section:nth-child(1) > img {
    padding: 10px;
    width: 80%;
    box-sizing: border-box;
}

/* Contact section */

#contacts > li {
    font-size: 16px;
}

#kick-the-email {
    border: 0;
    padding: 1px;
}

#kick-the-email:hover {
    border: 1px black solid;
    padding: 0;
}

#email {
    margin-left: 10px;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    display: none;
}

fuck-you-email-harvesters {
    display: none;
}

/* Media queries */

@media (max-width: 850px) {
    main {
        grid-template-columns: 100%;
    }
    #webmaster > section {
        flex: 100%;
    }
    #tree {
        display: none;
    }
}

@media (max-width: 450px) {
    #music_links {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-bottom: 20px;
    }
}