/*FONTS*/

@font-face {
    font-family: 'saturno';
    src: url('../fonts/SenorSaturno.ttf') format('truetype');
  }

@font-face {
    font-family: 'tnrpixl';
    src: url('../fonts/PixelatedTimesNewRoman.ttf') format('truetype');
  }
  
@font-face {
    font-family: 'kolquat';
    src: url('../fonts/KolquatFunkyBitm.ttf') format('truetype');
  } 

/*MAIN*/

*{
  scrollbar-width: none;
}
 
::-webkit-scrollbar { /* scrollbar, zeik */
  display: none;
}


body{
  background-image:url('../global/twinklies.gif');
  image-rendering: pixelated;
  overflow: hidden;
  cursor: none;
	cursor: url("../global/mous.png"), default;
	position: relative;
	width: 100vw;
	height: 100vh;
}

a:hover, .hoverable {
    cursor: none;
    cursor: url("../global/mous2.png"), pointer;
}

h1{
  font-family: saturno;
  font-size: 4em;
  color: GreenYellow;
  margin: 0 auto;
  text-align: center;
  text-shadow: 0 0 10px lime;
}

h2{
  font-family: tnrpixl;
  font-weight: normal;
  margin-bottom: 0.75vw;
}

p{
  font-family: tnrpixl;
  font-size: 2em;
  line-height: 0.5em;
  color: GreenYellow;
  text-shadow: 0 0 5px lime;
  margin: 0;
}

header, footer{
  position: absolute;
  width: 100%;
  text-align: center;
}

header{
  height: 10%;
  top: 10%;
}

header .icon {
  position: relative;
  bottom: 40px;
  scale: 1;
}

header :first-child{
    left: 50px;
}

header :last-child{
    right: 50px;
}



footer{
  height: 10%;
  bottom: 0;
}


/*BACKGROUND*/

#room{
  position: fixed;
  width: 1280px;
  height: 960px;
  top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

#roombg{
  position: absolute;
  width: 1280px;
  height: 960px;
}

/*SPEECH BUBBLE*/

#speechbubble{
  position: absolute;
  min-width: 20%;
  max-width: 25%;
  min-height: 1%;
  max-height: 15%;
  background: #ffffe1;
  border: 26px solid transparent;
  border-image: url("../global/bordertex.png") 33% stretch;
  border-radius: 32px;
  text-align: justify;
}

#speechbubble:before{
  content: url("../global/tailtexleft.png");
  width: 0;
  height: 0;
  position: absolute;
  border-collapse: collapse;
}

#speechbubble p, h2{
  font-size: 2em;
  margin-top: -0.75vw;
  color: black;
  text-shadow: none;
}

/*LINKS*/

.linkbox{
  position: absolute;
  display: block;
}

#linkscontainer{
  position: fixed;
  width: 1280px;
  height: 960px;
  top: 45%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

/*FOOTER*/

#sitebutton{
  width: 88px;
  height: 31px;
  box-shadow: 0 0 10px lime; 
  margin: 0.5em;
}
  
#buttonlink{
  display: none;
}

/*HEADER*/

#headertext{
  margin-top:-30px;
  mix-blend-mode: lighten;
}