body{
  background-image: url(https://file.garden/ZrmnkoZC-lyg5jQj/neocities%20stuff/grass.gif);
  background-size: 100%;
 }

  @font-face {
        font-family:'synkopy';
        src: url(../Fonts/Synkopy-Regular.otf);
 }


#filetwo { 
  border: 2px solid transparent;
  position: fixed;
		top: 53%;
		left: 67%;
		transform: translate(-50%, -50%);
		padding: 0 0.2vw;
    z-index: 3; 
}
#main { 
  position: relative; 
}
#quote { 
  font-family: Sniglet; 
  transform: translateY(-10px); 
  position: fixed;
		top: 57%;
		left: 66.99%;
		transform: translate(-50%, -50%);
		padding: 0 0.2vw;
  text-align: left;
  background-color: white;
  border-width: 5px; 
  display: grid; 
  grid-template-columns: repeat(1%, 1fr); 
  grid-template-rows: repeat(0, 0fr); 
  grid-column-gap: 100px; 
  grid-row-gap: 7px; 
  grid-area: 1 / 1 / 1 / 1;
  overflow-wrap: break-word;
  width: 785px;
  height: 710px;
  z-index: 8;
  overflow: scroll;
  display: inline-block
  
} 
#title {
  font-family:'marioluigi2';
}
.parent {
  position: fixed;
  top: 317px;
  left: 643px;
  z-index: 900000;
}

 .peer {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-style: solid;
border-color: black;
border-width: 5px; 
background-color: white;
 overflow-wrap: break-word;
  width: 210px;
  height: 220px;
  position: fixed;
  z-index: 9000000;
  overflow: auto;
  top: 180px;
  left: 70%;
}
#stack {
position: fixed;
left: 10%;
top: 5%;
}
#lightbulb {
  position: fixed;
  top: 0.10%;
  left: 7%;
}
#gohome {
  position: fixed;
  top: 80%;
  left: 30%;
}
 #profileone {
  font-family: ms gothic, monospace;
  font-size: 170%;
 }
 #profileone img {
   width: 48%;
  height: 23%;
  object-position: 0% 0%;
  position: fixed;

 }
  #profileone p {
   width: 20%;
  height: 20%;
  object-position: 0% 0%;
  position: fixed;
  left:27%;
  bottom: 75%;
 }
  #profiletwo {
  font-family: ms gothic, monospace;
  font-size: 170%;
 }
 #profiletwo img {
   width: 48%;
  height: 23%;
  object-position: 0% 0%;
  position: fixed;
  left: 52%;

 }
  #profiletwo p {
   width: 20%;
  height: 20%;
  object-position: 0% 0%;
  position: fixed;
  left:27%;
  bottom: 75%;
 }
  #profilethree {
  font-family: ms gothic, monospace;
  font-size: 170%;
 }
 #profilethree img {
   width: 48%;
  height: 23%;
  object-position: 0% 0%;
  position: fixed;
  top: 27%;

 }
  #profilethree p {
   width: 20%;
  height: 20%;
  object-position: 0% 0%;
  position: fixed;
  left:27%;
  bottom: 75%;
 }
   #profilefour {
  font-family: ms gothic, monospace;
  font-size: 170%;
 }
 #profilefour img {
   width: 48%;
  height: 23%;
  object-position: 0% 0%;
  position: fixed;
  left: 52%;
  top: 27%;

 }
  #profilefour p {
   width: 20%;
  height: 20%;
  object-position: 0% 0%;
  position: fixed;
  left:27%;
  bottom: 75%;
 }
    #profilefive {
  font-family: ms gothic, monospace;
  font-size: 170%;
 }
 #profilefive img {
   width: 48%;
  height: 23%;
  object-position: 0% 0%;
  position: fixed;
  top: 54%;
 }
  #profilefive p {
   width: 20%;
  height: 20%;
  object-position: 0% 0%;
  position: fixed;
  left:27%;
  bottom: 75%;
 }