

/* 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: Nunito;
    src: url("https://sadhost.neocities.org/fonts/Nunito-Regular.ttf");
}

@font-face {
    font-family: Nunito;
    src: url("https://sadhost.neocities.org/fonts/Nunito-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: Nunito;
    src: url("https://sadhost.neocities.org/fonts/Nunito-Italic.ttf");
    font-style: italic;
}

@font-face {
    font-family: Nunito;
    src: url("https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf");
    font-style: italic;
    font-weight: bold;
}

body {
    font-family: "Nunito", sans-serif;
    margin: 0;
    background-color: #000000;
    /* you can delete the line below if you'd prefer to not use an image */
    color: #feeeee;
    background-image: url("sparkle-bg.gif");
    background-attachment: fixed;
}
#container {
    max-width: 800px;
    /* 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 */
}
#container a {
    color: #b84aff;
    font-weight: bold;
    text-decoration: none;
    /* if you want to remove the underline
    you can add a line below here that says:
    text-decoration:none; */
}
#header {
    margin:10px auto;
    text-align: center;
    padding: 10px 0;
    background-color: rgba(90, 52, 147, 0.47);
    border-radius: 25px;
    border: 2px #feeeee dashed;
}