body {
  background: #fae1d4;
  width: 98%;
  height: 100%;
  z-index: 1;
}

h1 {
  position: relative;
  font-size: 40px;
  top: 20px;
  left: 30px;
  font-family: "Averia Serif Libre", cursive;
  text-align: center;
  margin-top: 0;
}
.nav {
  display: flex;
  justify-content: flex-end;
  margin-block-start: 0;
  margin-bottom: 0px;
  border-bottom: 4px solid black;
  width: 100%;
  height: 40px;
}

header {
  display: flex;
  justify-content: flex-start;
  float: left;
  top: 30px;
  left: 20px;
}

.nav-item {
  display: flex;
  justify-content: center;
  font-size: 25px;
  font-weight: 700;
  font-family: "Averia Serif Libre", cursive;
  padding: 0 20px 10px 20px;
  display: inline;
}

.nav-item a {
  text-decoration: none;
  color: black;
  border-bottom: 3px solid black;
  background-color: #fae1d4
}
.nav-item a:hover {
  text-decoration: none;
  color: grey;
  border-bottom: 2px solid grey;
  transition-delay: 150ms;
  transition-duration: 400ms;
}
.login{  
    width: 382px;  
    overflow: hidden;  
    margin: auto;  
    margin: 20 0 0 450px;  
    padding: 80px;  
    background: #7c3131; 
    border-radius: 15px ;
    font-family: "Ubuntu", sans-serif;  
      
}  
h2{  
font-family: "Averia Serif Libre", cursive;
text-align: center;  
color:black;  

font-size: 40px;  
}  
label{  
color: #fff;  
font-size: 17px;  
}  
#Uname{  
width: 300px;  
height: 30px;  
border: none;  
border-radius: 3px;  
padding-left: 8px;  
}  
#Pass{  
width: 300px;  
height: 30px;  
border: none;  
border-radius: 3px;  
padding-left: 8px;  
  
}  
#log{  
width: 300px;  
height: 30px;  
border: none;  
border-radius: 17px;  
padding-left: 7px;  
color: black;


}  
span{  
color: white;  
font-size: 17px;  
}  
.pass-link a{  
    font-family: "Ubuntu", sans-serif;
    color: white;
    float: right; 
}