* {
    margin: 0;
    padding: 0;
  }
  
  body {
    background: rgb(95, 159, 203);
    background: radial-gradient(
      circle,
      rgba(95, 159, 203, 1) 50%,
      rgba(89, 170, 75, 1) 84%
    );
    font-family: Arial, sans-serif;
  }
  
  nav img {
    height: 40px;
  }
  
  nav div.login{
      padding: 25px;
  }
  
  nav div.login ul{
      list-style-type: none;
  }
  
  nav div.login li{
      display: inline;
      margin-left: 20px;
  }
  nav div.login a{
      text-decoration: none;
      color: black;
      padding: 5px;
  }
  
  nav div.login a:hover{
      color: white;
      background-color: lightgray;
  }
  
  nav div.icon{
      font-size: 60px;
  }
  
  nav .menu-right {
    display: flex;
    align-items: center; 
  }
  
  nav .menu-right .login {
    margin-right: 10px;
  }
  
  nav .menu-right .icon {
    flex: 1; 
    text-align: right; 
  }
  
  
  h1 {
    color: #333;
  }
  
  p {
    color: #666;
  }
  
  h3{
    text-align: center;
  }

  button{
    background-color: #0D6EFD;
    border-color: #0D6EFD;
    border-radius: 5px;
    color: white;
    padding: 6px 12px;
  }

  .carousel {
    max-height: 400px; 
    overflow: hidden; 
  }
  

  .carousel-item img {
    width: 100%; 
    height: auto; 
    object-fit: cover; 
    display: block; 
    margin: auto; 
  }

  @media (max-width: 620px) {
    .video-container {
      overflow: hidden;
      max-width: 100%;
    }
  
    .embed-responsive {
      position: relative;
      height: 0;
      padding-bottom: 56.25%; 
      overflow: hidden;
    }
  
    .embed-responsive iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }