@media (min-width: 600px) {
  h2 {
    font-size: 1.1em;
  }
}

@media (min-width: 1100px) {
  h2 {
    font-size: 1.2em;
  }
}

@media (min-width: 2200px) {
  h2 {
    font-size: 1.4em;
  }
}



    #s-m-t-tooltip{
  /* basic */
    max-width:300px;
    z-index:10;
    margin:24px 14px 7px 12px;
  /* style and design */
    padding:8px;
    background:#fff;
    border-style: dashed;
    border-width:1px;
    border-color:#626262;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:6px;
    box-shadow: 0px 0px #626262;
    font-family:"Nintendo-DS-BIOS";
    font-size:20px;
    line-height:16px;
    color:#000;
}


    
// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 400 to 700

.pixelify-sans-<uniquifier> {
  font-family: "Pixelify Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
  

.press-start 2p-regular {
  font-family: "Press Start 2P", system-ui;
  font-weight: 400;
  font-style: normal;
}


.petit-formal script-regular {
  font-family: "Petit Formal Script", cursive;
  font-weight: 400;
  font-style: normal;
}

@font-face {
font-family: Nintendo-DS-BIOS;
src: url(/fonts/Nintendo-DS-BIOS.ttf);
}
 
#Nintendo-DS-BIOS {
font-family: Nintendo-DS-BIOS;
}


@font-face {
font-family: starlight;
src: url(/fonts/starlight.ttf);
}
 
#starlight {
font-family: starlight;
}


@font-face {
font-family: morningtea;
src: url(/fonts/morningtea.ttf);
}

#morningtea {
font-family: morningtea;
}


@font-face {
font-family: kuchibue;
src: url(/fonts/kuchibue.ttf);
}
 
#kuchibue {
font-family: kuchibue;
}


  
/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #98D6FF #E3D7C3;
}*/

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
*::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #;
}

*::-webkit-scrollbar-track:hover {
  background-color: #;
}

*::-webkit-scrollbar-track:active {
  background-color: #;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #b8e1f1;
  border: 2px groove #FFFFFF;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #b8e1f1;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #b8e1f1;
}




a, a:visited {
    color:#48829c;
    font-family:"Nintendo-DS-BIOS";
    font-weight:400;
    font-size:18px;
    letter-spacing:.5px;
    overflow:auto;
    line-height:17px;
    font-style:none;
    text-decoration: none; 
}

a:hover, a:hover img{
    color:#3290b3;
    font-family:"Nintendo-DS-BIOS";
    font-weight:400;
    font-size:18px;
    letter-spacing:.5px;
    overflow:auto;
    line-height:17px;
    font-style:none;
    text-decoration: none; 
}


a:active {
    color:#28738f;
    font-family:"Nintendo-DS-BIOS";
    font-weight:400;
    font-size:18px;
    letter-spacing:.5px;
    overflow:auto;
    line-height:17px;
    font-style:none;
    text-decoration: none; 
}


::selection {
    background: #8fb9cc;
    color: white;
    text-shadow: none;
}
::-moz-selection {
  color: white;
  background: #8fb9cc;
}





.column {
  float: center;
  width: 230px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both; 
}

.row {
  display: flex;
  justify-content: center;
  align-content: center;
  grid-auto-flow: column; 
}

.column {
  flex: 50%;
  border: 0px outset #;
  background-color:#;
  padding:10px;
}





/* Heading banner image */
.laceheading {
  position: relative;
  text-align: center;
  color: 000000;
  font-family: "kuchibue", system-ui;
  font-weight: 400;
  font-style:; 
  font-size:30px;
  line-height:32px;
  letter-spacing:-0.5px;
}

.banner {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
}






h2{
  font-family: "Press Start 2P", system-ui;
  font-weight: 400;
  font-style:; 
  font-size:14px;
  line-height:18px;
}



h3{
  font-family: "kuchibue", system-ui;
  font-weight: 400;
  font-style:; 
  font-size:30px;
  line-height:32px;
  letter-spacing:-0.5px;
}
  
  
  
  
strong, b{
    color:#e4abba;
    font-family:"Nintendo-DS-BIOS";
    font-weight:600;
    font-size:18px;
    letter-spacing:.5px;
    line-height:17px;
}
 
i{
    color:#e4abba;
    font-style:italic;
    font-family:"Nintendo-DS-BIOS";
    font-weight:400;
    font-size:18px;
    letter-spacing:.5px;
    line-height:17px;
}

u{
    color:#e4abba;
    font-family:"Nintendo-DS-BIOS";
    font-weight:400;
    font-size:18px;
    letter-spacing:.5px;
    line-height:17px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:1px;
    border-style:dashed;
    border-color:fff;
    }


ul {
  margin: 0 0 0 32px;
  line-height: 20px;
}

.b1 {
  list-style-image: url('/images/bullet.gif');
}

.b2 {
  list-style-image: url('/images/bullet_star.gif');
}

.b3 {
  list-style-image: url('/images/bullet_heart.gif');
}


div.main {
    color:000000;
    font-family:"Nintendo-DS-BIOS", Sans-Serif;
    font-weight:400;
    font-size:18px;
    letter-spacing:.5px;
    overflow:auto;
    line-height:15px;
}

div.main a, a:hover, a:visited {
    color:#e4abba;
    font-family:"Nintendo-DS-BIOS";
    font-weight:400;
    font-size:18px;
    letter-spacing:.5px;
    overflow:auto;
    line-height:15px;
}

div.main iframe {
	border: none;
	position: absolute;
	width:685px;
  height:423px;
  top:738px;
  left:50%;
  margin-left:-347px;
}    


div.layout{
    position:absolute;
    top:72px;
    left:50%;
    margin-left:-470px;
    width:685px;
    height:580px;
    }
 

div.layout img{
  width: 935px;
}

 
div.profile{
    position:absolute;
    top:198px;
    left:50%;
    margin-left:-344px;
    width:163px;
    height:288px;
    border:0px;
    border-color:ffffff;
    border-style:solid;
    color:000000;
    font-family:"Nintendo-DS-BIOS";
    font-size:18px;
    overflow:auto;
    letter-spacing:.5px;
    line-height:12px;
    }


div.navi{
    position:absolute;
    top:408px;
    left:50%;
    margin-left:-351px;
    border:0px;
    border-color:000000;
    border-style:solid;
    width:176px;
    height:251.5px;
    background-color:e4abba;
    }

 
div.navi a:link, div.navi a:active, div.navi a:visited{
    font-weight:normal;
    width:165px;
    height:20px;
    display:block;
    background-color:e4abba;
    margin-top:4px;
    color:ffffff;
    text-decoration:none;
    font-family:"Pixelify Sans";
    font-size:10px;
    letter-spacing:1px;
    font-style:none;
    box-shadow: inset 0 0 0 0 #c4bdb3;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    }


div.navi a:hover{
    font-weight:normal;
    background-color:e4abba;
    width:165px;
    height:20px;
    display:block;
    margin-top:4px;
    color:ffffff;
    text-decoration:none;
    font-family:"Pixelify Sans";
    font-size:10px;
    letter-spacing:1px;
    font-style:none;
    box-shadow: inset 300px 0 0 0 #E3D7C3;
    }


div.content{
    position:absolute;
    top:408px;
    left:50%;
    margin-left:-152px;
    width:378px;
    height:251px;
    border:0px;
    border-color:000000;
    border-style:solid;
    color:000000;
    font-family:"Nintendo-DS-BIOS";
    font-weight:400;
    font-size:18px;
    letter-spacing:.5px;
    overflow:auto;
    line-height:17px;
    }


div.tea{
    position:absolute;
    top:220px;
    left:50%;
    margin-left:-40px;
    width:400px;
    height:200px;
    border:0px;
    border-color:ffffff;
    border-style:solid;
    }


div.tea img{
    height:180px;
    border:0px;
    }  


div.avatar{
    position:absolute;
    top:558px;
    left:50%;
    margin-left:239px;
    width:100px;
    height:100px;
    border:0px;
    border-color:ffffff;
    border-style:solid;
    }


div.avatar a img{
    height:100px;
    border:0px;
    }

 
div.marquee{
    position:absolute;
    top:680px;
    left:50%;
    margin-left:-216px;
    width:555px;
    height:23px;
    border:0px;
    border-color:fff;
    border-style:solid;
    font-family:"Press Start 2P";
    font-size:11px;
    letter-spacing:.5px;
    }


div.mood{
    position:absolute;
    top:498px;
    left:50%;
    margin-left:268px;
    width:85px;
    height:23px;
    border:0px;
    border-color:fff;
    border-style:solid;
    font-family:"Press Start 2P";
    font-size:7px;
    letter-spacing:.5px;
    }
    
    
div.counter{
    position:absolute;
    top:220px;
    left:50%;
    margin-left:-40px;
    width:400px;
    height:200px;
    border:0px;
    border-color:ffffff;
    border-style:solid;
    }



div.velveteen{
    position:absolute;
    top:228px;
    left:50%;
    margin-left:-348px;
    }
  
  
div.velveteen img{
  width: 170px;
}


div.star{
  position:absolute;
  top:620px;
  left:50%;
  margin-left:-468px;
    }
    
    
div.musicnote{
  position:absolute;
  top:607px;
  left:50%;
  margin-left:-488px;
    }
    
    
.button{
  position:absolute;
  top:1179px;
  left:50%;
  margin-left:-353px;
    }