body { 
position: static;
font : 14px Clearview,Trebuchet MS ; 
background-color : #41633E; 
} 

.container {
  
display: flex;
 background-color: #FFFFFF;
 align-items: center; 
 grid-template-columns: 1fr 1fr;
 column-gap: 2px;
 padding: 20px;
 border-radius: 25px;
  max-width: 500px;
  margin: auto;

    border-width: 3px;

    border-color: #346CCB;

    border-style: double;
}


image {
  display: block;
  padding: 30;
  margin: 30;

}

.text {
position: static;
font : 14px Trebuchet MS ; 
color : #41633E; 
padding: 10px;
margin: 10px;
}

.navbar {
  overflow: hidden;
  background-color: #43CB34;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 80%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  background-color: #9D90F1;
  text-align : center; 
color:#ffffff; 
font :  bold 22px Clearview,Trebuchet MS ;
text-transform : none;
  padding: 20px;
  text-decoration: none;
}

#nav li{
  width: 200px;
  height: 40px;
 
  text-align: center;
  padding-top: 5px;
  background-color: white;
  font-size: 30px;
}
/* Change background on mouse-over */
.navbar a:hover {
 background-color: #FFFFFF;
color:#43CB34; 
font :  bold 22px Clearview,Trebuchet MS ;
text-align : center; 
  padding: 20px;
text-transform : none;
text-decoration: none;
}


a {
color:#f69
}
a:hover{
background-color:#f69;
border-radius:5px;
color:#fff;
padding:0 2px;
transition:.5s
}

h1{ 
font :  bold 19px Clearview, Trebuchet MS; 
color : #128C04; 
padding-top: 4px;
padding-bottom : 10px; 
text-transform : none;
letter-spacing : 3px; 
text-indent : 10px; 
line-height : 10px; 
border-bottom : 3px dotted #346CCB; 
} 


h2{ 
font :  bold 19px Clearview, Trebuchet MS; 
color : #128C04; 
border-bottom : 3px dotted #346CCB; 
} 


ul { list-style: square;}

.desc {
  padding: 6px;
  text-align: center;
  
}