body{
	padding: 0;
	margin: 0;
	    background-color: #755f47;
  font-family: 'Courier New', monospace;
    font-size: 18px;
    text-align: center;

}
a{
	color: #ece4d5;
} 

p { 
	color: #f4e5ca;
}

.link {
	padding: 10px;
}

.container {
  display: grid;  
    grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 100px 600px; 
  gap: 0px 0px; 
}
.title1 { grid-area: 1 / 1 / 2 / 4; 
text-align: left;
margin-left: 85px;
font-size: 65px;
margin-top: 10px; 
} 
.myname { grid-area: 2 / 1 / 3 / 4;
text-align: left; margin-left: 85px;
align-self: start; }
.title2 { grid-area: 1 / 1 / 3 / 4;
justify-content: center;  }
.title2 img{
  width: 1300px;
}
.text1 { grid-area: 2 / 1 / 3 / 4;
text-align: left;
margin-right: 800px;
margin-left:30px;
font-size: 20px;
align-self: end;

}  
.text2 { grid-area: 2 / 1 / 3 / 4;
text-align: right;
margin-left: 800px;
margin-right:30px;
font-size: 20px; 
align-self: start;
margin-top:70px;
}  
.text3 { grid-area: 2 / 1 / 3 / 4;
text-align: left;
margin-right: 800px;
margin-left:30px;
font-size: 20px;
align-self: start;
}  
.text4 { grid-area: 2 / 1 / 3 / 4;
text-align: right;
margin-left: 720px;  
margin-right:30px; 
font-size: 20px; 
align-self: start; margin-top:100px;
  }  
.text5 { grid-area: 2 / 1 / 3 / 4;
text-align: left;
margin-right: 750px;
margin-left:30px; 
font-size: 20px;
align-self: start;
margin-top:100px;  
}  
.text6 { grid-area: 2 / 1 / 3 / 4;
text-align: right;
margin-left: 800px; 
margin-right:30px;
font-size: 20px;
align-self: end;

}  
.text7 { grid-area: 2 / 1 / 3 / 4;
text-align: left;
margin-right: 800px;
margin-left:30px;
font-size: 20px;
align-self: start;
margin-top:100px;   
}  
.text8 { grid-area: 2 / 1 / 3 / 4;
text-align: right;
margin-left: 600px;
margin-right:30px;
font-size: 20px;
align-self: end;

}  
.text9 { grid-area: 2 / 1 / 3 / 4;
text-align: center;
margin-right: 250px;
margin-left:250px;
font-size: 20px;
margin-bottom:25px;
align-self: end;
}  
 
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;  
}

.tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -100px;
  font-size:15px;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}