@font-face {

    font-family: GreenScreen;
    src: url(../Fonts/Greenscr.ttf);

}

@font-face {

    font-family: Peralta;
    src: url(../Fonts/Peralta-Regular.ttf);
    

}

a {
    cursor: pointer;
}

h1 {

    position: absolute;
    left: 0;
    right: 0;
    top: 70px;

    font-size: 165px;
    margin: auto;

    width: 317px;

    color: white;

    font-family: 'GreenScreen', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.TextWall {

    position: absolute;
    left: 0;
    right: 0;
    top: 250px;
    margin: auto;

    width: 776px;
    height: auto;

}
p {

    left: 0;
    right: 0;

    font-size: 25px;

    color: white;

    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

h2 {

    margin-left: 502px;
    right: 0;
    top: 30px;

    color: rgba(255, 255, 255, 0.33);
    font-size: 11px;

    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

a {

    position: absolute;
    left: 0;
    right: 0;
    top: 800px;
    text-align: center;

    font-size: 35px;
    margin: auto;

    padding: 20px;
    width: 876px;

    color: rgb(255, 213, 0);

    font-family: 'Peralta', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

a:hover {

    text-decoration: underline;

}

.SuperJames404 {

    width: 548px;
    height: 414px;

    position: absolute;
    left: 0;
    right: 0;
    top: 330px;
    margin: auto;

    object-fit: fill;

    background-image: url(../Png/PageNotFoundJames.png);
    background-size: 548px 414px;
}

@media only screen and (max-width: 1300px) {

    h1 {

        left: 0;
        right: 0;
        top: 50px;

        text-align: center;
        width: 100%;

        font-size: 160px;

    }

    .TextWall {

        left: 0;
        right: 0;
        top: 220px;

        width: 100%;
        height: auto;

    }

    p {

        left: 0;
        right: 0;

        font-size: 24px;
        text-align: center;
        color: white;

        padding: 13px;
    }

    h2 {

        margin-left: 302px;
        right: 0;
        top: 20px;
        text-align: center;
        font-size: 12px;
    }

    .SuperJames404 {

        width: 482px;
        height: 364px;

        left: 0;
        right: 0;
        top: 300px;

        object-fit: fill;

        background-image: url(../Png/PageNotFoundJames.png);
        background-size: 482px 364px;
    }

    a {


        left: 0;
        right: 0;
        top: 700px;
        text-align: center;

        font-size: 28px;

        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 768px) {

    h1 {

        left: 0;
        right: 0;
        top: 70px;

        text-align: center;
        width: 100%;

        font-size: 110px;

    }

    .TextWall {

        left: 0;
        right: 0;
        top: 190px;

        width: 100%;
        height: auto;

    }

    p {

        left: 0;
        right: 0;

        font-size: 17px;

        color: white;

        padding: 13px;
        text-align: center;
    }

    h2 {

        margin-left: 202px;
        right: 0;
        top: 38px;

        font-size: 11px;
    }

    .SuperJames404 {

        width: 348px;
        height: 263px;

        left: 0;
        right: 0;
        top: 270px;

        object-fit: fill;

        background-image: url(../Png/PageNotFoundJames.png);
        background-size: 348px 263px;
    }

    a {


        left: 0;
        right: 0;
        top: 560px;
        text-align: center;

        font-size: 25px;

        width: 100%;
        height: auto;
    }
}