/* user styles */

            /* styles are what change the color and sizes of stuff on your site. */

            /* these are variables that are being used in the code
    these tended to confuse some people, so I only kept 
    the images as variables */

            :root {
                --header-image: url('https://gadrianresearchgroup.neocities.org/images/grg%20logo.jpg');
                --small-header: url('https://gadrianresearchgroup.neocities.org/images/smalllogo.png');
                --body-bg-image: url('https://sadhost.neocities.org/images/tiles/purplesky.gif');

                /* colors */
                --content: #43256E;
            }

            /* if you have the URL of a font, you can set it below */
            /* feel free to delete this if it's not your vibe */

            /* this seems like a lot for just one font and I would have to agree 
    but I wanted to include an example of how to include a custom font.
    If you download a font file you can upload it onto your Neocities
    and then link it! Many fonts have separate files for each style
    (bold, italic, etc. T_T) which is why there are so many!
    
    */

        
            
            @font-face {
                font-family: space;
                src: url('https://gadrianresearchgroup.neocities.org/fonts/space/SpaceMono-Regular.ttf');
            }

            @font-face {
                font-family: space;
                src: url('https://gadrianresearchgroup.neocities.org/fonts/space/SpaceMono-Bold.ttf');
                font-weight: bold;
            }

            @font-face {
                font-family: space;
                src: url('https://gadrianresearchgroup.neocities.org/fonts/space/SpaceMono-Italic.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: space;
                src: url('https://gadrianresearchgroup.neocities.org/fonts/space/SpaceMono-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
            }
            
            
            @font-face {
                font-family: code;
                src: url('https://gadrianresearchgroup.neocities.org/fonts/codeFont.ttf');
            }
            
            
            
            @keyframes changeColor {
                from {
                    color: #FF00E1;
                }
                to {
                    color: #A200FF;
                }
            }

            body {
              margin:20px;
                font-family: 'space', monospace;
                font-size: 12px;
                background-color: #000000;
                /* you can delete the line below if you'd prefer to not use an image */
                background-size: 65px;
                color: #ffffff;
            }
            
            h1,h2,h3{
              font-size: bigger;
            }

            * {
                box-sizing: border-box;
            }

            /* below this line is CSS for the layout */

            /* this is a CSS comment
    to uncomment a line of CSS, remove the * and the /
    before and after the text */


            /* the "container" is what wraps your entire website */
            /* if you want something (like the header) to be Wider than
    the other elements, you will need to move that div outside
    of the container */
            #container {
                padding: 20px;
                
                max-width: 1600px;
                /* this is the width of your layout! */
                /* if you change the above value, scroll to the bottom
      and change the media query according to the comment! */
                margin: 0 auto;
                /* this centers the entire page */
            }

            /* the area below is for all links on your page
    EXCEPT for the navigation */
            #container a{
                /*color: #51FF00;*/
                color: #00FF40;
                font-weight: bold;
                /* if you want to remove the underline
      you can add a line below here that says:
      text-decoration:none; */
            }