@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

section{
    min-height: 100vh;
    background-image:linear-gradient(rgba(0,0,0,.50),rgba(0,0,0,0.50)), url("landing.jpeg");
    background-repeat: no-repeat;
    background-size: cover;


}
.container{
    width: 100%;
    margin: auto;

}
.navbar .logo{
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 10px 0px;

}
nav{
    height: 80px;

}
nav h1{
    float: left;
    margin-left: 15px;
    line-height: 80px;
    font-size: 35px;
    font-size: inline;
    color: #fbff00;

}
nav ul{
    float: right;
    line-height: 80px;

} nav ul li{
    display: inline;
    list-style: none;
    padding: 0px 5px;

}nav ul li a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 7px  8px;
}nav ul li a:hover{
    background-color: #eb7620;
    transition: 0.5s ease;

}
nav ul li .active{
    background-color:aqua;
}
.article{
    width: 50%;
    margin: auto;
    text-align: center;
    transform: translateY(25vh);
}
.article h1{
    font-size: 36px;
    color: #fff;
    letter-spacing: 1.5px;
    font-weight: 800;
    margin-bottom: 25px;

}
.article p{
    font-size: 18px;
    color: #7e7e7e;
    line-height: 1.5;
    margin-bottom: 50px;

}
.article .btn{
    color: #fff;
    padding: 12px  25px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #f15048;
}
.article .btn:hover{
    background-color: #4344fa;
    transition: 0.5s ease;

}