body {
  background-color: #dcd7d0;
  background-image: url('images/map.png'); 
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  font-family: "comic sans ms", "comic sans", cursive; 
}

.bio-icon {
  width: 500px;       
  height: auto; 
  position: absolute; 
  top: 20%;           
  left: 15%;
}

.post-it {
  position: absolute;
  top: 8%;           
  left: 50%;
  width: 700px;         
  height: 700px;
  background-image: url('images/yellowpostit.png'); 
  background-size: contain;    
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(5deg); 
  
 
}

.note-text {
  position: absolute; 
  top: 130px;         
  left: 165px;        
  
  width: 500px;       
  font-family: "comic sans ms", "comic sans", cursive;
  color: #333;
  font-size: 20px;    
  margin: 0;          
}

.note-text2 {
  position: absolute; 
  top: 290px;         
  left: 165px;        
  
  width: 500px;       
  font-family: "comic sans ms", "comic sans", cursive;
  color: #333;
  font-size: 20px;    
  margin: 0;          
}

.note-text3 {
  position: absolute; 
  top: 395px;         
  left: 160px;        
  
  width: 500px;       
  font-family: "comic sans ms", "comic sans", cursive;
  color: #333;
  font-size: 20px;    
  margin: 0;          
}

.note-text4 {
  position: absolute; 
  top: 530px;         
  left: 160px;        
  
  width: 500px;       
  font-family: "comic sans ms", "comic sans", cursive;
  color: #333;
  font-size: 20px;    
  margin: 0;          
}

.note-text5 {
  position: absolute; 
  top: 560px;         
  left: 220px;        
  
  width: 500px;       
  font-family: "comic sans ms", "comic sans", cursive;
  color: #333;
  font-size: 20px;    
  margin: 0;          
}