.imgfit {
  width: 100%;
  height: 100%;
}

.relative {
  position: relative;
 left: 300px;
  top:300px;
 
}

.imgsize{
  
width: 50px;
  height:50px;
}

.position{
  position: relative;
 left: 500px;
  top:500px;
  
}

html, body{
  height:100%;

}

.teaposition{
   position: relative;
 right: 400px;
  top:20px;
}

.convo {
  position: relative;
  bottom: 800px;
  left: 200px;
  width: 400px;
  height: 200px;
 }

h2 {
  color: blue;
}

h3{
  color:white;
  font-family: "Courier New";
}

h4{
  color:#17f514;
  font-size:25px;
}
.text {
  background-color: blue;
  color: white;
  width: 100%;
  height: 100%;
}

.text1{
   background-color: white;
  color: black;
  width: 150%;
  height: 300%;
  transparency: 30%;
}

.p1{
  Font-family: "Copperplate";
font-size: 30px;
}

.p2{
font-size: 30px;
  Font-family: "Times New Roman";
  color: green;
}

.p3{
  font-size: 25px;
  Font-family: "Lucida Console";
  color: white;
}

div.relative {
  position: relative;
  left: 100px;
  top: 40px;
}

div.right{
  position:relative;
  right: 50px;
  top: 40px;
}

div.position {
  position: relative;
  right: 80px;
top: 0px;
}

div.resume {
  position: relative;
  left: 700px;
  bottom: 750px;
}

div.maize {
  position: relative;
  left: 500px;
bottom: 10px;
}

.p4{
  font-size:15px;
  Font-family:"Courier New";
  color:green;
}

.p5{
  font-size:20px;
  Font-family:"Papyrus";
  color:white;
  background:violet;
opacity: 0.8;
}

.mapping{
  bottom:0px
}