*{
    margin: 0px;
    padding: 0;
    font-family: sans-serif;
}
/* .parallax{
    width: 100%; 
    height: 100vh;
    background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url(background.jpeg);
    background-size: cover;
    background-position: center;
} */

.banner {
    width: 100%; 
    height: 100vh;
    background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), url(background.jpeg);
    background-size: cover;
    background-position: center;
    background-color: transparent;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
body .scroll{
    height:200px;
    background-color: white;
    color: black;
    font-size: 36px;
    text-align: center;
    margin-top: 100px;
    border-radius: 25px;
    
}

.nav{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 75px 0; 
    align-items: center;
    display: flex;
}

.nav ul li{
    display: inline-block;
    list-style-type: none;
    margin: 0 50px;
    position: relative;
    text-transform: uppercase;
}

.nav ul li a{
    color: white;
    font-size: 22px;
    text-decoration: none;
}

.nav ul li::after{
    content: '';
    height: 3px;
    width: 0;
    background: black;
    position: absolute;
    left: 0;
    bottom: -10px;
    transition: 0.5s; 
}

.nav ul li:hover::after{
    width: 100%;
}
#important_heading{
    position: relative;
    top:200px;
    background-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  left:442px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

#mission{
    position:center;
    line-height:700px;
    color: white;
    margin: auto;
    width: 50%;
    text-align: center;
    font-size: 30px;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}


#Intro{
    z-index:3;
    color: white;
    position: center;
    margin: auto;
    width: 50%;
    line-height: 250px;
    height: 30px;
    text-align: center;
    font-size: 65px;
    margin-bottom: 0px;
}


#Intro a{
    color: white;
    text-decoration: none;
}

.h1::after{
    content: '';
    height: 3px;
    width: 0;
    background: black;
    position: absolute;
    left: 0;
    bottom: -10px;
    transition: 0.5s;
}

.h1:hover::after{
    width: 100%;
}

#logo{
    z-index:1;
}