html {
  background-image: url('https://i.pinimg.com/736x/80/35/5c/80355c18e60be0bcbf79e0946ba43d42.jpg');
  background-repeat: repeat;
  color: black;
  font-family: Courier New;
}
body {
background-image: url('');
background-attachment: fixed;
background-repeat: repeat;
overflow: hidden;
}
#maincontainer {
margin: 0 auto;
margin-top: 40px;
width: 850px;
height: 1300px;
position: relative;
padding: 10px;
z-index: 4;
border-image-source: url("");
border-radius: 15px;
border-width: 12px;
border-color: #1D120E;
border-style: groove;
background-color: white;
overflow: hidden;
}
#header {
background-color: white;
background-image: url('https://headerbanners.carrd.co/assets/images/image09.jpg?v=4818d029');
background-size: cover;
background-repeat: no-repeat;
width: 100%;
position: relative;
height: 210px;
z-index: 5;
overflow: hidden;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
#name {
font-family: 'Rye';
font-size: 38px;
color: white;
padding: 50px;
}


/* dividers */
.divider1 {
position: relative;
margin-left: -25px;
}
.divider2 {
position: relative;
margin-right: -400px;
}

            /* navigation section!! */
            #navbar {
                height: 50px;
                background-color: #000033;
                /* navbar color */
                width: 100%;
                border-bottom-right-radius: 15px;
                border-bottom-left-radius: 15px;
                z-index: 5;
                position: relative;
            }

            #navbar ul {
                display: flex;
                padding: 0;
                margin: 0;
                list-style-type: none;
                justify-content: space-evenly;
            }

            #navbar li {
                padding-top: 15px;
            }

            /* navigation links*/
            #navbar li a {
                color: white;
                /* navbar text color */
                font-weight: 800;
                text-decoration: none;
                /* this removes the underline */
            }

            /* navigation link when a link is hovered over */
            #navbar li a:hover {
                color: #a49cba;
                text-decoration: underline;
            }

#footer {
padding-top:3em;
margin-left:150px;
margin-right:100px;
}

/*hidden scrollbar*/
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}

/*fonts*/
@font-face {
font-family: kawaii stitch;
src: url(https://dl.dropbox.com/s/yjal3we9j6biyn5/Kawaii%20Stitch.ttf);
}

@font-face {
font-family: starborn;
src: url(https://dl.dropbox.com/s/l0541on0m5eqvdj/Starborn.ttf);
}
 
@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}
 
@font-face {
src: url(https://dl.dropbox.com/s/ct0s037q78sao3f/Frighted.ttf);
font-family: Frighted;
}
 
@font-face {
src: url(https://dl.dropbox.com/s/ktlx5w7t8gk42nb/SakeMoru-Regular.ttf);
font-family: SakeMoru;
}
 
@font-face {
font-family:'yipes';
src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
}
 
@font-face {
font-family:'fenotype';
src: url(https://dl.dropbox.com/s/klo6yfrf62916qp/02.10FEN.TTF);
}
@font-face {
font-family: 'Sunny Love';
src: url(https://dl.dropbox.com/s/st37v2lqst2q0qp/sunny-love.regular.ttf);
}
@font-face {
font-family: 'Rye';
src: url(Rye.ttf);
}