@font-face {
src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);
font-family: hearts;
}

@font-face {
src: url(https://dl.dropbox.com/s/mes7b666uvig5wc/Winkle-Regular.otf);
font-family: winkle;
}

@font-face{
    font-family:cakentruffles;
    src:url(https://dl.dropbox.com/s/etvt9sk6o6fc27m/Cake%20n%20Truffles.ttf);
}

@font-face {
src: url(https://file.garden/aA0eX2ASI2C8Ym93/fonts/Spirit.ttf);
font-family: spirits;
}

@font-face {
	src: url(https://file.garden/aA0eX2ASI2C8Ym93/fonts/RomanceA.ttf);
	font-family: RomanceA;
}

@font-face {
	src: url(https://file.garden/aA0eX2ASI2C8Ym93/fonts/Cherish.ttf);
	font-family: Cherish;
}

@font-face {
	src: url(https://file.garden/aA0eX2ASI2C8Ym93/fonts/LittleSpirit.ttf);
	font-family:littlespirit;
}

   @font-face{
    font-family: 'basiic';
    src: url(https://kkul.neocities.org//fonts/basiic.ttf);
    }

   @font-face {
    font-family: 'sweet heart';
    src: url('https://kkul.neocities.org//fonts/sweet_heart.ttf')
    }

   @font-face {
    src: url(https://kkul.neocities.org//fonts/satin.ttf);
    font-family: 'satin';
    }


   @font-face {
    font-family: 'pixel cursive';
    src: url('https://kkul.neocities.org//fonts/pixel-cursive.otf')
    }


   body {
   background-image:url(https://coziness.neocities.org/images/backgrounds/pink.png);
   background-size: 100px;
   align-items: center;
   justify-items: center;
   justify-content: center;
   align-content: center;
   padding: 20px;
   }

   .main {
	 width:850px;
	 height: 918px;
	 margin:auto;
	 background: white;
   border-image: url(https://coziness.neocities.org/images/border/brown.png) 8 fill round;
   border-width: 10px;
   border-style: solid;
   border-radius: 6px;
   padding: 2px;
   }

   .left {
	 float:left;
	 background-image:url(https://coziness.neocities.org/images/backgrounds/hearts-bg.jpeg);
	 background-size: 100%;
	 width:197px;
   border: 1px brown dashed;
   border-radius: 6px;
	 height:79%;
   filter:no;
	 overflow-y:auto;
	 overflow-x:hidden;
   }
   
      .header {
	 float:top;
	 background-image:url(https://kkul.neocities.org/media/backgrounds/choco.jpeg);
	 background-size: 22%;
	 width:848px;
   border: 1px brown dashed;
   border-radius: 6px;
	 height:20%;
   filter:no;
	 overflow-y:auto;
	 overflow-x:hidden;
	 margin-bottom: 5px;
	     align-content: center;
    justify-content: center;
    align-items: center;
   }
   
   /* banner */
    #banner {
    width: 510px;
    height: 145px;
    border: 1px #926d5f solid;
    border-radius: 15px;
    background: url(https://kkul.neocities.org/media/backgrounds/moranguete.png);
    background-size: cover;
    background-position: center;
    image-rendering: auto;
  }
   
      .cute {
	 width:625px;
	 height:240px;
	 border:2px ridge pink;
	 border-radius:5px;
	 margin:auto;
	 margin:8px;
	 background-image:url(https://coziness.neocities.org/images/backgrounds/pink.png);
	 overflow-y:auto;
	 overflow-x:hidden;
   }
   
   
   .navigation {
	border:outset 3px #fffcfe;
	border-radius:3px;
	width:177px;
	height:220px;
	background:#fffcfe;
	margin:auto;
    filter:none;
	margin-top:10px;
}



.navigation a {
text-decoration:none;
display: inline-block; 
transition: .2s ease;
}

.navigation a:hover {
  transform: translateY(-10%);
}

.navigation h1 {
filter: drop-shadow(1px 1px 0 #ffb9ba) drop-shadow(-1px 1px 0 #ffb9ba) drop-shadow(0 -1px 0 #ffb9ba) drop-shadow(1px 0 #ffb9ba);
color: white;
font-size: 1.2em;
z-index: 10;
margin:0px;
padding:0px;
margin-left:20px;
margin-top:10px;
float:left;
font-family:romancea;
}

.navbg {
	background-image:url(https://moeghosts.neocities.org/borders/ri200-008-a.gif);
	background-size:contain;
	background-repeat: no-repeat;
	width:200px;
	height:35px;
	margin-bottom:0px;
	margin:auto;
}

.nav-btns {
	width:165px;
	height:20px;
	margin-bottom:0px;
	margin:auto;
	margin-top:2px;
	margin-left:3px;
	border:2px #deb8c3 ridge;
	border-radius:3px;
	background: linear-gradient(to bottom, white 15%, #ffebf0);
}

.nav-btns p {
filter: drop-shadow(1px 1px 0 #ffb9ba) drop-shadow(-1px 1px 0 #ffb9ba) drop-shadow(0 -1px 0 #ffb9ba) drop-shadow(1px 0 #ffb9ba);
color: white;
margin-top:2px;
padding-top:0px;
margin-left:4px;
font-family:littlespirit;
text-decoration:underline;
font-size:15px;
}

.nav-btns img {
	float:left;
	margin-top:6px;
	margin-left:3px;
	margin-right:3px;
}

.nav-scroll {
	height:183px;
	width:173px;
	overflow-y:auto;
	overflow-x:hidden;
	margin:0px;
	margin-top:0px;
	float:left;
}