@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap');

/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:https://proxy.everskies.com/a/https://proxy.everskies.com/a/2.5s,1s;animation-delay:https://proxy.everskies.com/a/https://proxy.everskies.com/a/2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,https://proxy.everskies.com/a/https://proxy.everskies.com/a/1.5s;animation-delay:3s,https://proxy.everskies.com/a/https://proxy.everskies.com/a/1.5s}
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
	color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
color: #000;		
}

body {
  font-family: "Hachi Maru Pop", cursive;
  font-weight: 800;
  font-size: 16px;
  font-style: normal;
  cursor: url("assets/strawcur.gif"), pointer;

}


a:hover {
  cursor: url("assets/strawcur.gif"), url("assets/strawcur.gif"), pointer;
}

a:hover-memo {
  cursor: url("assets/pen.png"), url("assets/pen.png"), pointer;
}

.h1 {
  font-family: "Hachi Maru Pop", cursive;
  font-weight: 800;
  font-size: 16px;
  font-style: normal;
}

.h2 {
  font-family: "Hachi Maru Pop", cursive;
  font-weight: 800;
  font-size: 10px;
  font-style: normal;  
}

.table, th, td {
  border: 2px solid red;
}

td:nth-child(even), th:nth-child(even) {
  background-color: pink;
}

.main {
  background-color: #fafacd;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}


.banner {
  position: absolute;
  height: 80px;
  width: 100%;
  padding: 20px;
}

.parent-flex {
  left: 0px;
  right: 0px;
  top: 0px;
  height: 100%;
  display: flex;
}

.left { 
  width: 25%;
  background-size: 100px;
  border-right: 3px dashed;
  border-left: 3px dashed;
  border-color: #a6846c;
  padding: 15px;
  min-height: 100%;
  z-index: 1;
  position: absolute;
  left: 100px;
}

.right {
  width: 100%;
  left: 200px;
  background-size: 100px;
  padding: 30px;
  min-height: 100%;
  position: relative;
  height: auto;
}

.left-links {
  width:70%;
  background-color: pink;
  background-image: url("assets/floralpink.gif");
  border: 2px solid #fe0722;
  padding: 4px;
  margin: auto;
}

.main-memo {
  background-color: #fafacd;
  cursor: url("assets/pen.png"), pointer; 
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}

.memo-content { 
  width: 60%;
  background-size: 100px;
  padding: 30px;
  height: 100%;
  margin: auto;
  display: flex;
  gap: 20px;
}

.memo-l {
  width:98%;
  background-color: pink;
  background-image: url("assets/bg_ring1_y.gif");
  border: 2px solid blue;
  margin: auto;
  height: 640px;
  padding: 80px;
}

.memo-nav {
  width: 90%;
  height: 500px;
  background-image: url("assets/bg2.png");
  position: relative;
  margin: auto;
  border-radius: 25px;
}

.memo-r {
  width: 30%;
  height:600px;
  border: solid green 2px;
  position: relative;
  margin: auto;
}

.school-main {
  width: 85%;
  height: 60%;
  background-color: green;
  border: solid 5px brown;
}

.room-main {
  width: 90%;
  padding: 20px;
  float: left;
  height: 90%;
}

.room-stamps {
  border: solid green 2px;
  width: 780px;
  margin: auto;
  padding-top: 0px;
}

.photos-left {
  width: 20%;
  height: auto;
  border-right: solid pink 3px;
}

.right1 {
  width: 100%;
  background-size: 100px;
  padding: 30px;
  height: auto;
}

.info {
  width: 45%;
  border: solid 2.5px;
  border-color: #a6846c;
  margin-left:auto;
  margin-right:auto;
  padding: 5px;
  height: auto;
  
}

.info1 {
  width: 45%;
  border-color: #a6846c;
  margin-left:auto;
  margin-right:auto;
  padding: 5px;
  text-align: center;
}

.content {
  display: flex;
  border: solid pink 2px;
  width: 95%;
  height: auto;
}

.pics {
  border: solid pink 3px;
  width: 95%;
  margin: auto;
  background-image: url("assets/cutebear.gif");
  background-size: 100px;
  padding: 10px;
  height: 100%;
}

.about-center {
  margin: 0 auto;
  width: 900px;
  border: solid red 2px;
  height: auto;
  padding: 30px;
  position: relative;
}

.floating {
  top: 10px;
  left: 10px;
  z-index: 1;
  position: absolute;
}

.div-pixel {
  width: 200px;
}

.div-link {
  width: 100%;
}

.bullet {
  top: 10px;
  position: relative;
  left: 8px;
}

.title {
  background-color: pink;
  padding: 10px;
}


.pattern1 {
  background-image: url("assets/fruit.gif");
  background-size: 100px;
}

.pattern2 {
  background-image: url("assets/acorns.gif");
}

.pattern3 {
  background-image: url("assets/bg_bear03.gif");
  background-size: 150px;
}

.pattern4 {
  background-image: url("assets/check.gif");
}

.pattern5 {
  background-image: url("assets/cherries.gif");
  background-size: 150px;
}

.pattern6 {
  background-image: url("assets/flowerbg.gif");
  background-size: 150px;
}

.pattern6 {
  background-image: url("assets/redcheck.gif");
  background-size: 100px;
}

.pattern7 {
  background-image: url("assets/cutebear.gif");
  background-size: 200px;
}

.pattern8 {
  background-image: url("assets/floralpink.gif");
  background-size: 200px;
}

.pattern9 {
  background-image: url("assets/tree.gif");
}

.pattern10 {
  background-image: url("assets/inline.gif");
}

.pattern11  {
  background-image: url(assets/ginghamg.gif);
}

.pattern12 {
  background-image: url("assets/bg_pencil5.gif");
  background-size: 170px;
}