.container{
    max-width: 720px;
  }

  body{
    background-color: rgb(249, 243, 236);
  }

img{
  height: 40%;
  width: 40%;
}

footer {
  background-color: #f8f9fa; 
  color: #6c757d; 
  text-align: center;
  padding: 1rem 0;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.nav-item:hover{
  background-color: rgb(232, 232, 242);
  text-shadow: black;
  border-radius: 10px;
  font-weight: bolder;
  text-decoration: underline;
}

html, body{
  min-height: 100dvh;
}

body {
  display: flex;
  flex-direction: column;
}

main{
  flex: 1;
}