*
{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

header
{
    padding-top: 0px;
    margin-top: 0px;
    background-color: black;
    background-image: url(Old-School-RuneScape-Team-1-2689652121.jpg);
    background-position: right;
    background-size: 15%;
    background-repeat: no-repeat;
    text-align: center;
}
h1
{
    margin-top: 0px;
    color:white;
    text-align: center;
    width: 75%;
    padding-top: 1%;
    padding-bottom: 1%;
    margin: 0 auto;
}

ul
{
    margin: 0px;
    align-content: center;
    list-style: none;
    padding-left: 0;
    text-align: center;

}
body {
    min-height: 320px;
    margin: 0 0;
}

main
{
    background-color: white;
}



nav
{
    border-bottom: 1px solid black;
}
.all
{
    position: relative;
    margin-top: 0px;
    height: 100%;
}

.home_photo
{
    max-width: 100%;
}


.content
{
    margin: 0 1em;
}

li
{
    padding: 1em;
}

li:hover
{
    background-color: black;
    color: white;;
}

footer
{
    text-align: center;
}

@media (min-width: 750px) {

    .background {
            background-image: linear-gradient(white, lightblue);
            background-repeat: no-repeat;
            height: 100vh;
            width: 100vw;
            position: absolute;
            bottom: 0px;
        }

        .all
        {
            width: 95%;
            margin-left: 2.5%;
        }

    
        ul {
            display: flex;
            justify-content: space-around;
        }
    
        main {
            display: flex;
            gap: 1em;
        }
    
        .home_photo {
    
            min-width: 300px;
            width: 250%;
        }
    
        footer {
            background-color: white;
            border-top: 1px solid black;
        }
}

@media (min-width: 1000px) {


    .all {
        width: 75%;
        margin-left: 12.5%;
        border: 1px solid black;
        box-shadow: .1em .1em black;
    }

    body 
    {
        background-image: none;
    }
}