body {
  background-image: url(skygrass.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #000000;
  font-family: Livvic;
  font-size: 17px;
}
.coral-pixels-regular {
  font-family: "Coral Pixels", serif;
  font-weight: 400;
  font-style: normal;
}
.pixelify-sans {
  font-family: "Pixelify Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.livvic-regular {
  font-family: "Livvic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@keyframes rainbow{
		100%,0%{
			color: #ffb6b6;
		}
		8%{
			color: #ffdeb6;
		}
		16%{
			color: #fffdb6;
		}
		25%{
			color: #b6ffba;
		}
		33%{
			color: #b6ffd8;
		}
		41%{
			color: #b6fffe;
		}
		50%{
			color: #b6d1ff;
		}
		58%{
			color: #b6baff;
		}
		66%{
			color: #ceb6ff;
		}
		75%{
			color: #e2b6ff;
		}
		83%{
			color: #ffb6fe;
		}
		91%{
			color: #ffb6e5;
		}
}
@keyframes rainbowbg{
		100%,0%{
			background-color: #ffb6b6;
		}
		8%{
			background-color: #ffdeb6;
		}
		16%{
			background-color: #fffdb6;
		}
		25%{
			background-color: #b6ffba;
		}
		33%{
			background-color: #b6ffd8;
		}
		41%{
			background-color: #b6fffe;
		}
		50%{
			background-color: #b6d1ff;
		}
		58%{
			background-color: #b6baff;
		}
		66%{
			background-color: #ceb6ff;
		}
		75%{
			background-color: #e2b6ff;
		}
		83%{
			background-color: #ffb6fe;
		}
		91%{
			background-color: #ffb6e5;
		}
}


.fakeid{
  position: absolute;
  background: #ffe5e5;
  background-image:url(hibiscusbg.png);
  width: 750px;
  height: 500px;
}
.aboutzamu{
   text-align: center;
   font-size: 80px;
   font-weight: bold;
   font-family: Pixelify Sans;
   color: #ffffff;
   -webkit-text-stroke: 3px #4c7699;
    animation: rainbow 0.7s linear;
    animation-iteration-count: infinite;
}
.ideezsir{
    color: #ff7070;
    text-align: center;
    position: absolute;
    font-size: 60px;
    font-weight: bold;
    font-family: Pixelify Sans;
    -webkit-text-stroke: 1px #4f0000;
    background: #ffffff00;
    width: 730px;
    height: 350px;
    border: 0px solid #3f5090;
    background-image: url();
    background-size: cover;
}


.advert{
  text-align: center;
  width: 250px;
  height: 500px;
  background-color: #fff5dd;
}
.geturid{
   text-align: center;
   font-size: 60px;
   font-weight: bold;
   font-family: Pixelify Sans;
   color: #ffb300;
   -webkit-text-stroke: 2px #99714c;
}

.quizzresults{
  background-color: #feffdd;
  background-image: url(camomillebg.png);
  background-size: cover;
  text-align: center;
  font-size: 60px;
  font-weight: bold;
  font-family: Pixelify Sans;
  color: #fbff00;
  -webkit-text-stroke: 2px #c3ac00;
  width: 1000px;
  height: 570px;
}
.quizzs{
  font-size: 17px;
  font-weight: normal;
  font-family: Pixelify Sans;
  color: #000000;
  -webkit-text-stroke: 0px #62b3ff;
  overflow-y: auto;
  overflow-x: hidden;
  width: 1000px;
  height: 498px;
}

.rainbowdivider{
  background-image: url(zamuscroll.gif);
  background-size: cover;
  text-align: center;
  font-size: 45px;
  color: #ffffff;
  width: 1000px;
}

.interviewer{
  width: 300px;
  height: 530px;
  background-color: #ddffe1;
  text-align: center;
   font-size: 50px;
   font-weight: bold;
   font-family: Pixelify Sans;
   color: #00ff26;
   -webkit-text-stroke: 2px #4c995a;
}

.interview{
  width: 700px;
  height: 530px;
  background-color: #ddfaff;
  background-image: url(jadevinebg.png);
   font-size: 50px;
   font-weight: bold;
   font-family: Pixelify Sans;
   color: #00f7ff;
   -webkit-text-stroke: 2px #336c71;
}
.intitle{
  text-align: center;
  font-size: 50px;
}
.interviewbox{
  overflow-y: auto;
   overflow-x: hidden;
   height: 402px;
   line-height: 0.7;
}
.question{
  text-align: left;
  font-size: 30px;
  color: #00e9f1;
  -webkit-text-stroke: 0px #336c71;
  text-shadow: 2px 2px 1px #000000c8;
}
.answer{
  text-align: left;
  font-family: livvic;
  font-weight: normal;
  font-size: 22px;
  color: black;
  -webkit-text-stroke: 0px #336c71;
}