body {margin:0;
padding:0;
cursor:;
background-image:url(https://xixxii.neocities.org/images/bgs/background234.jpg);}

* { scrollbar-color: #ff7300 #FEBF32;}

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


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

.deep {position:absolute;
left:1350px;
top: 400px;}

.skip {position:absolute;
left:600px;}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
}

.bounce:hover {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.animated:hover {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.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;
}

.dentist {position:absolute;
left:440px;
top:850px;
rotate:5deg;}

.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;}

.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:60px;
rotate:10deg;}

.thoughtbox {background-image:url("https://xixxii.neocities.org/images/personal/thoughtbox.png");
position:relative;
  font-weight:400;
  line-height:1;
  left:720px;
  top:-260px;
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;
}