body {
  margin: 0;
  font-family: Arial;
}

.nav-container {
  width: 50%;
  background-color:#dee3fa;
  padding:10px;
  border-left: 3px #2d3452 solid;
  border-right: 3px #2d3452 solid;

}

nav {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #dee3fa;

}

nav div ul {
  display:flex;
  justify-content:space-between;
  list-style:none;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
}
nav div ul li a {
  transition: color 0.5s;
  font-size:20px;
  text-decoration:none;
  color: #2d3452


}

header {

  display: flex;
  width: 100%;
  background-color: #2d3452;


}

.header-text {
  padding-left:20px;
  color: #dee3fa;
  font-size:30.38px;
}

.h-line {

}
footer {
  display: flex;
  width: 100%;
  height: 50px;
  background-color: #2d3452;
  bottom:0;
  position: absolute;
  color: #dee3fa  ;
}
footer p {
  padding-left: 20px  ;
}

.main-footer{
  border-top:2px black solid;
  height: 300px;
}

.main-header{
  display: flex;  
  justify-content: space-around;
}
main {


}

main section {
  width: 20%;
  background-color: #faf9f2;
  border-radius: 20px;
}

main section h2 {
  border-bottom: 2px black solid;
  margin: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
main section div {
  padding:20px;

}
main section div li {
  margin-top:10px;
}