/* MAIN STYLE */

:root {
    /* Main colors */
    --main-blue-color: #022863; 
    --light-blue-color: #B3D2DA; 

  }

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: linear-gradient(135deg, #022863 30%, #026EA6);
    
  }


h1 {
    font-size: 6rem;
    text-align: center;
    font-family: "fraunces", sans-serif;
    font-weight: 700;
    color: #000;
    font-style: normal; 
  }


  h2, h3 {
    font-family: "fraunces", sans-serif;
    font-weight: 600;
    color: #000;
    font-style: normal; 
  }

p, ol {
    text-align: justify;
    font-size: 1rem;
    font-family: "fraunces", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: black;
  }

 img {
    width: 100%;
 } 
  .navbar-container {
    padding: 10px 40px;
    height: 90px ;

}

  .article {
    align-items: center;
    padding: 5vh 15vw;
    background: white;

}

@media (max-width: 768px) {
    .navbar-container {
        height: 80px ;
    
    }
}