@font-face {
    font-family: 'runescape font';
    src: url(RuneScape-Chat-Bold-07.ttf);
}

*
{
    font-family: 'runescape font'
}

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:#ffff00;
    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;
}

.home_photo
{
    width: 100%;
    height: auto;
    object-fit: contain;
}

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

.content
{
    margin: 0 1em;
}

li
{
    padding: 0;
}

a
{
    display: flex;
    text-decoration: none;
    color: black;
    padding: 1em;
    text-align: center;
}

nav a
{
    transition: color 0.2s linear, background-color 0.2s linear;
}

nav a:visited
{
    color: black;
}

nav a:active
{
    color: white;
}


nav a:hover
{
    background-color: black;
    color: #ffff00;
}

footer
{
    text-align: center;
}

table
{
    border: 2px solid black;
    border-collapse: collapse;
}

th,td{
    border: 2px solid black;
}

#wiki_link, #top,#bottom
{
    color: blue;
    text-decoration: underline;
}

iframe
{
    width: 100%;
    height: 320px;
    border: none;
}

@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;
    }
}