/* THIS STUFF CAN BE MOVED TO A DEDICATED CSS FILE . LOOK FOR END*/
    @font-face { font-family: "vt323"; src: url('https://files.catbox.moe/w0ab00.ttf'); }
    
    /*SCROLL BAR*/
    ::-webkit-scrollbar {
        width: 5px;
        }
        
    ::-webkit-scrollbar-track {
        background: black; 
        -webkit-border-radius: 0px;
        }
        
    ::-webkit-scrollbar-thumb {
        background: #5b2c63; 
        -webkit-border-radius: 0px;
        }
        
    ::-webkit-scrollbar-thumb:hover {
          background: #a8609d;
        }
        
    /* CURSOR */
    * {
        cursor: url(https://files.catbox.moe/cuifsq.cur), auto;
    }
        
    a:hover, #CONTENTS img:hover {
        cursor: url(https://files.catbox.moe/yk3m2b.cur), auto;
        background: #e3c5e8;
        }
        
    a p:hover {
        cursor: url(https://files.catbox.moe/yk3m2b.cur), auto;
        background: #e3c5e8;
        }
        
    /* CURSOR MENAGERIE OVER! */    
        
        
    a {
        color: #9864a1;
        }    
        
        
    body {
        background: black;
        font-family: "vt323";
        color: #9864a1;
        font-size: 16px;
    }
        
        
    #main {
        /*DIMENSIONS*/
        width: 60vw;
        max-width: 1000px;
        height: 80vh;
        margin: 5vh auto;
        
        /*GRID SETUP*/
        display: grid;
        grid-template-rows: 6vw auto;
        grid-template-columns: 6vw auto;
    }
        
    #icon {
        border: solid 6px; 
        border-image: url(https://files.catbox.moe/ivcfrh.png); 
        border-image-repeat: repeat;
        border-image-slice:55;
        border-image-width: 10;
        padding: 5px;
        }
        
    #header {
        margin: 7px;
        }
        
    #nav {
        margin: 7px;
        text-align: center;
        line-height: 20px;
        font-size: 20px;
        }
        
    #nav p {
        margin: 0 0 10px 0;
        }
                
        
    .border {
        /*BORDER*/
        border: solid 5px;
        border-image: url(https://files.catbox.moe/nz3v7q.png);
        border-image-repeat: repeat;
        border-image-slice: 55;
        border-image-outset: 1;
        border-image-width: 11;
        }
        
    /*PHONE DIMENSIONS*/
    @media screen and (max-width:1200px) {
        #main {
            height: 95vh;
            min-width: 450px;
            width: 80vw;
            margin: 2vh auto;

            grid-template-rows: 70px 70px auto;
            grid-template-columns: 70px auto;
        }
        
        #nav {
            grid-column: 1/3;
            display: grid;
            grid-template-columns: auto auto auto auto auto auto   ;
        }
        
        #nav a {
        float: left;
        margin: 10px;
        }
        
        #nekoin {
            visibility: hidden;
        }
        
        #CONTENTS {
            grid-column: 1/3;
        }
    }