body {margin:0;
padding:0;
cursor:;
font-family: "Kanit", sans-serif;
background-image:url(https://xixxii.neocities.org/images/bgs/eggyfloral.png);}

* { scrollbar-color: #faa329 #f2d445;}

.sriracha-regular {
  font-family: "Sriracha", cursive;
  font-weight: 400;
  font-style: normal;
}

.headerimg {position:relative;
z-index:1;
width:700px;
}

.welc {width:325px;
  background-image:url(https://xixxii.neocities.org/images/personal/paper.png);
 font-family: "Sriracha", cursive;
  font-size:22px;
  line-height:1.1;
  color:#00B2A0;
height:144px;
  z-index:-1;
  margin-top:-40px;
margin-left:100px;
  padding:100px;
rotate:-10deg;}

.book {
  height:auto;
}

.blog {background-image:url(https://xixxii.neocities.org/images/clipartframes/frame67.png);
width:380px;
height:528px;
position:absolute;
top:980px;
left:950px;
rotate:6deg;
padding-top:60px;
padding-left:100px;
  font-family: "Kanit", sans-serif;
  font-size:14px;
  overflow-x:hidden;
  text-align:justify;}
  
  .blogtext {scrollbar-width:thin;
  width:300px;
  height:350px;
  padding-right:20px;
  line-height:1.1;
  overflow:auto;}

.backnav {position:absolute;
left:15px;
top:260px;}

.perf {position:absolute;
top:810px;
left:990px;}

.backnav:hover {rotate:20deg;}

.polaroid1 {width:300px;
rotate:3deg;
position:absolute;
top:500px;
left:400px;}

.polaroid2 {width:300px;
rotate:-3deg;
position:absolute;
top:550px;
left:670px;
z-index:-1;}

.musicwrapper {
width:250px;
position:absolute;
top:550px;
left:1000px;}

.daffodilssticker {position:absolute;
top:320px;
left:550px;}

.boombox {}

.rainy {width:300px;
border-radius:25px;
  border-style:groove;
position:absolute;
top:805px;
left:90px;}

#notesgif {z-index:-1;
position:absolute;
left:-55px;
rotate:-20deg;}

#imgmapbutton:hover {cursor:pointer;}

.crocussticker {position:absolute;
top:620px;
left:280px;
rotate:-10deg;
z-index:2;}

.flowerframe {position:absolute;
left:360px;
top:500px;
background-image:url(https://xixxii.neocities.org/images/clipartframes/frame32.png);
background-size:400px;
width:380px;
height:192px;
padding-top:60px;
padding-left:10px;
padding-right:10px;}

.media {height:250px;
width:200px;
border-style:double;
border-width:4px;
border-radius:5px;
  border-color:#4237d5;
position:absolute;
  padding:3px;
left:100px;
  font-family: "Kanit", sans-serif;
  font-size:14px;
background: rgb(92,82,223);
background: linear-gradient(0deg, rgba(92,82,223,1) 0%, rgba(153,255,247,1) 82%);
}

.mediacontent {
  font-weight:400;
  line-height:1;
  margin-top:-50px;
  padding-left:4px;
  color:#03036c;
  overflow-y: auto;
  height:230px;
  scrollbar-color: #7fffd4 #e5fff6;
  scrollbar-width:thin;}

h2 {
    font-size: 45px;
  font-weight:600;
  color:white;
padding:1px;
margin-top:-40px;
  margin-left:-15px;
  top: 0;
  rotate:-5deg;
  -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.month {position:absolute;
left:650px;
top:-30px;
}

.thoughtbox {background-image:url("https://xixxii.neocities.org/images/personal/thoughtbox.png");
position:relative;
  font-weight:400;
  line-height:1;
  left:720px;
  top:-200px;
width:686px;
height:469px;
font-family: "Kanit", sans-serif;
  font-size:14px;}

#thought {height:50px;
width:380px;
  padding:20px;
background-color:#f7f7e3;
border-style:solid;
border-width:1px;
border-color:  #e2d6b8;
rotate:5deg;
position:absolute;
top:150px;
left:140px;}

#thought2 {height:50px;
width:380px;
  padding:20px;
background-color:#f7f7e3;
border-style:solid;
border-width:1px;
border-color:  #e2d6b8;
rotate:-5deg;
position:absolute;
top:170px;
left:140px;}

.kanit-thin {
  font-family: "Kanit", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.kanit-thin-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.kanit-extralight {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.kanit-extralight-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.kanit-light {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.kanit-light-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.kanit-regular {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kanit-regular-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.kanit-medium {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.kanit-medium-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.kanit-semibold {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.kanit-semibold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.kanit-bold {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.kanit-bold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.kanit-extrabold {
  font-family: "Kanit", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.kanit-extrabold-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.kanit-black {
  font-family: "Kanit", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.kanit-black-italic {
  font-family: "Kanit", sans-serif;
  font-weight: 900;
  font-style: italic;
}