html{
        scroll-behavior: smooth;
    }

    @font-face{
        font-family: "Determination Mono";
        src: url(../undertale_images/determinationMono.ttf);
    }

/*BODY AND SECTIONS*/

    body{
        background-color: #030815;
        background-image: url(../undertale_images/core2.png);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0;
        color: #999999;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 13pt;
    }

    body > section{
        background: black;
        margin: 10px 17%;
        padding: 10px 4%;
        border: 5px solid #0b143e;
    }

/*NAV AND LINKS*/
    
    nav{
        background: black;
        width:100%;
        font-family: "Determination Mono", 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 16pt;
        text-align: center;
        padding: 10px 0;
        position: sticky;
        top: 0;
    }

    a{
        color: #4de4ff;
        transition-duration: 0.5s;
        text-decoration: none;
    }

    a:hover{
        color: #0e6ce5;
        transition-duration: 0.5s;
    }

/*HEADERS*/

    h1{
        font-family: "Determination Mono", 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 22pt;
        color: #0e6ce5;
        text-align: center;
        margin-top: 25px;
    }

    h2{
        font-family: "Determination Mono", 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 18pt;
        color: #4de4ff;
    }

/*IMAGES*/

    img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }

    #header{
        width: 100%;
        padding: 0;
    }

/*CANON GRID*/

    #grid{
        display: grid;
    }

    #grid > section{
        border: 5px solid #142063;
        margin: 0;
        padding: 15px;
        text-align: center;
    }

    #grid > section > img{
        padding: 10px 10px 0;
    }

    #gf1{
        grid-column: 1;
        grid-row: 1;
    }

    #gf2{
        grid-column: 2;
        grid-row: 1;
    }

    #gf3{
        grid-column: 1;
        grid-row: 2;
    }

    #gk{
        grid-column: 2;
        grid-row: 2;
    }

    #wns{
        grid-column: 1;
        grid-row: 3;
    }

    #name{
        grid-column: 2;
        grid-row: 3;
    }

    #gt{
        grid-column: 1;
        grid-row: 4;
    }

    #e17{
        grid-column: 2;
        grid-row: 4;
    }

    #sans{
        grid-column: 1;
        grid-row: 5;
    }

    #rp{
        grid-column: 2;
        grid-row: 5;
    }

    #mm{
        grid-column: 1/3;
        grid-row: 6;
    }

/*CANON SHOCKED MYSTERY MAN*/

    #mms{
        width: 40px;
        height: 100px;
        background: url("../undertale_images/mysteryman.png") no-repeat;
        display: inline-block;
    }

    #mms:hover{
        background: url("../undertale_images/surprise.png") no-repeat;
    }

/*THEORIES*/

    ul{
        list-style-type: none;
    }   

/*FANCONTENT GRID*/

    #fan{
        display:grid;
    }

    #fan > section{
        padding: 10px;
    }

    #fan > h1{
        grid-column: 1/5;
        grid-row: 1;
    }

    #fan_h{
        grid-column: 1/5;
        grid-row: 2;
    }

    #art{
        grid-column: 1;
        grid-row: 3;
    }

    #fic{
        grid-column: 2;
        grid-row: 3;
    }

    #mus{
        grid-column: 3;
        grid-row: 3;
    }

    #fgame{
        grid-column: 4;
        grid-row: 3;
    }