html {
  background-image: url('https://i.pinimg.com/736x/0d/be/51/0dbe51d829027383f42db4d4f7b2f5d7.jpg');
  background-repeat:;
  background-size: ;
  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;
margin-bottom: 40px;
width: 800px;
height: 1250px;
position: relative;
z-index: 4;
padding: 10px;
background-image: url('https://i.pinimg.com/736x/df/f8/67/dff867200ebb82cadd8df31ded61691e.jpg');
background-repeat: no-repeat;
background-size: cover;
border-image-source: url("https://myresourceslol.carrd.co/assets/images/image40.png?v=83734062");
border-image-slice: fill 35%;
border-image-width: 30px;
border-image-outset: 20px;
border-image-repeat: round;
background-color: PowderBlue;
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-left-radius: 15px;
border-top-right-radius: 15px;
}
#name {
font-family: 'Fighter Attack-Personal Use';
font-size: 35px;
color: white;
padding: 50px;
}
#about {
background-color: white;
padding: 5px;
width: 300px;
height: 250px;
position: absolute;
right: 10px;
border-radius: 15px;
border-width: 10px;
border-color: #0B1727;
border-style: groove;
z-index: 5;
}
#melol {
width: 280px;
height: 300px;
background-color: white;
margin-top: 10px;
padding: 5px;
border-radius: 15px;
border-style: groove;
border-width: 10px;
border-color: #0B1727;
z-index: 6;
position: relative;
}
#chatbox {
z-index: 5;
}
#blinkies {
width: 150px;
height: 300px;
background-color: white;
position: relative;
z-index: 5;
border-radius: 15px;
border-style: groove;
border-color: #0B1727;
border-width: 10px;
padding: 5px;
text-align: center;
}
#box {
background-image: url('https://headerbanners.carrd.co/assets/images/image09.jpg?v=4818d029');
background-repeat: no-repeat;
background-size: cover;
height: 150px;
width: 100%;
margin-top: 153px;
border-radius: 15px;
z-index: 5;
position: relative;
}
#roundborder {
margin: 0 auto;
width: 800px;
height: 1250px;
border: white solid 10px;
border-radius: 25px;
position: relative;
z-index: 3;
padding: 10px;
margin-left: -20px;
margin-top: -20px;
}

/*images*/
#hangingmoons {
  width: 150px;
  margin-top: -20px;
  margin-left: 13px;
  position: absolute;
  z-index: 11;
}
#bluebooks {
  width: 220px;
  position: absolute;
  z-index: 10;
  margin-left: 360px;
  margin-top: 130px;
}
#starframe {
  position: absolute;
  width: 350px;
  margin-top: -10px;
  margin-left: -80px;
  filter: ;
}
#streetlamp {
  width: 200px;
  position: absolute;
  z-index: 11;
  margin-top: -300px;
  margin-left: 800px;
}
#clock {
  width: 160px;
  margin-left: 400px;
  margin-top: -75px;
  position: absolute;
}
#cups {
  width: 180px;
  position: absolute;
  margin-top: 300px;
  margin-left: 1100px;
  z-index: 10;
  transform: rotate(10deg);
}
#gramophone {
  width: 250px;
  margin-top: -120px;
}

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

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

            #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);
}