/*text*/
html { 
  font-family: 'Roboto', sans-serif;
  letter-spacing: 1px;
  font-size: 1.1rem;
  line-height: 1.6;
  }
    

/*body*/
body {
  max-width: 38em;
  margin: auto;
  padding: 13px;
  }
footer {
  color: rgb(1, 95, 79);
  font-size: 0.8rem;
  }



/*heading*/
#contact {
  position: relative;
  top: 10px;
  }
#main_title {
  position: relative;
  top: 10px;
  }
h1, h2 {
  color: rgb(1, 95, 79);
  }


/*links*/
a:link {
  color: rgb(1, 95, 79);
  }
a:visited {
  color: rgb(94, 99, 98);
  }
a:hover {
  text-decoration-style: dotted;
  }
 
/*navigation*/
.navbar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
background-color: rgb(1, 95, 79);
color: #fff;
}

.nav-links a {
color: #fff;
}


.menu {
display: flex;
gap: 1em;
font-size: 18px;
}

.menu li:hover {
background-color: rgb(1, 95, 79);
border-radius: 5px;
transition: 0.3s ease;
}

.menu li {
padding: 5px 14px;
}
 
.ul { style="list-style: none;"}