@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}
#navbar{
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
    padding: .5rem 5rem;
    box-shadow: 5px 5px 20px rgba(0,0,.5);
    background-color: black;
}
.navbar .navbar-brand.navbar-brand{
    font-size: 25px;
    font-weight: 500;
    color: burlywood !important;
    font-family:'Times New Roman', Times, serif ;
}
#navbarSupportedContent a{
    color: burlywood;
    border-bottom: 2px solid transparent;
    font-family: 'Times New Roman', Times, serif;
}
#navbarSupportedContent a:hover{
    border-bottom: 2px solid burlywood;
}
#navbarSupportedContent button{
    background: black;
    width: 5rem;
    border-radius: 15px;
}
section{
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*home*/

#home{
    background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.4)),url(ph1.jpg);
    background-size: cover;
    background-position: center;
    flex-direction: column;
    display: flex;
}
#home h1{
    font-size: 70px;
    color: white;
    letter-spacing: 3px;
    font-family: 'Times New Roman', Times, serif;
    text-shadow: 0px 1px 0px #CCC;
    animation-name: stretch;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}
#home p{
     font-size: 20px;
     color: wheat;
     font-family: 'Times New Roman', Times, serif;
}
#home .input-group{
    width: 30%;
    height: 45px;
    font-family: 'Times New Roman', Times, serif;
}
/*About*/
#about{
    background-color: rgb(219, 107, 107);
}
#about h1{
    color: black;
    font-family: 'Times New Roman', Times, serif;
}

#about p{
    color:black;
    font-family: 'Times New Roman', Times, serif;
    font-size: medium;
}
#about .input-group{
     width: 70%;
     height: 40px;
}
.signin{
    
    background-color: green !important;
    color: white !important;
    box-shadow: 5px 5px 30px rgba(0,0,.5);
}