@import url('https://fonts.googleapis.com/css2?family=Quicksand:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Shadows+Into+Light&display=swap');
:root{
    --primary-color:#14147f;
    --secondary-color:#1d1da0;
    --mody-blue:#737ccf;
    --ebony-color:#04060d;
    --link-water-color:#e1e5f8;
    --spindle-color:#bbc4eb;
    --background-color:rgba(255, 255, 255, 0.98);
    --font-color:rgb(117, 117, 117);;
}
*{
     font-family: "Quicksand", sans-serif;
     font-optical-sizing: auto;
     font-weight: 400;
     font-size:16px;
     font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  color: #333;
}
.bg{
    background-color:#f9f9f9;
}
p{
    margin:0px !important;
}
.main-logo{
    color: var(--primary-color);
    font-size: 22px;
    font-weight:800 !important;
}
 header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 50px;
    box-shadow: 0 1px 8px #848484;
    background-color: #ffffffed;
    backdrop-filter: saturate(180%) blur(15px);
    }
    
    #nav-title {
        margin-right: auto;
        font-size: 1.5em;
    }
    #nav-title a{
      color: var(--primary-color);
      font-size:20px;
      font-weight:bold;
    }
    #nav-title a:hover{
        color: var(--primary-color);
    }
    
    header li {
        list-style: none;
        display: inline-block;
        padding: 0 20px;
    }
    
    header a {
        text-decoration: none;
        color: #555;
        transition: all 0.3s ease 0s;
    }
    
    header a:hover {
        color: var(--primary-color);
    }
    .carousel-caption{
        right:40% !important;
        left:20% !important;
    }