body {
  background-color: rgb(255, 255, 255);
    background-image:url("mit3.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    
  color: rgb(0, 0, 0);
  font: Georgia;
  font-family:Georgia, 'Times New Roman', Times, serif;
  padding-top: 2%;
  padding-left: 6%;
  font-size: 170%;
}
html { overflow-y: scroll; }
body { position: absolute; }
a:link {
    color:rgb(0, 0, 0);
}
a:visited {
    color:rgb(54, 60, 108)
}
a:hover {
    color: rgb(226, 123, 115);
}
p {
    padding-right: 25%;
    padding-top: 5%;
    padding-left: 2%;
    
}
.topnav {
    
 position:absolute; 
 text-align: center;
padding-top: 6%;
padding-left: 6%;
width: 60%;
display: flex;
justify-content: space-between;
text-align:center;
font-size: 30px;
}
.titlu {
    font-size: 150%;
    padding-left: 2%;
   
   

}
.titlu h1{
    padding-bottom: 1%;
    margin: 0;
    line-height: 75px;
    
}
.titlu h2 {
    font-size: 200%;
    padding: 0%;
    color: rgb(122, 122, 122);
    margin: 0;
     line-height: 75px;
    
}


nav {
    display: flex;
justify-content: space-between;
    position:absolute; 
 text-align: center;
padding-top: 5%;
padding-left: 2%;
width: 100%;

font-size: 25px;

}

nav ul {
	margin:0;padding:0;
  list-style-type:none;
  float:left;
  display:inline-block;
  
}

nav ul li {
	position:relative;
	margin:0 80px 0 0;
	
  display:inline-block;
  background-color: rgb(122, 122, 122);
}

li > a:after { content: ' '; } 

li > a:only-child:after { content: ''; }

nav ul li a {
	padding:20px;
  display:inline-block;
  color:white;
  text-decoration:none;
}

nav ul li a:hover {
  opacity:0.5;
}

nav ul li ul {
	display:none;
  position:absolute;
  left:0;
  background: white;
  float:left;
}

nav ul li ul li {
	width:100%;
  border-bottom:1px solid rgba(255,255,255,.3);
}

nav ul li:hover ul {
  display:block;
}