*{
    font-family: 'Josefin Sans', sans-serif;
    margin: 0; padding: 0;
    box-sizing: border-box;
    font-weight: bolder;
}
header{
    width: 100%; height: 100vh;
    background-size: cover;
    background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.1)),url("3.jpg");
    background-repeat: no-repeat;
}
nav{
    background-color: rgba(0,0,0,0.1);
    color: rgb(252, 252, 252);
    width: 100%; height: 15vh;
    display: flex; justify-content: space-between; align-items: center;
    text-transform: uppercase;
}
nav .logo{
    width: 25%; text-align: center;
}
nav .menu{
    width: 40%; 
    display: flex; justify-content: space-between;
} 
nav .menu a{
    width: 25%; color: rgb(240, 244, 247);
    text-decoration: none;     
}
nav .menu a:first-child{
  color: rgb(73, 225, 225);
}
main{
    width: 100%; height: 85vh; 
    display: flex; align-items: center; justify-content: center;
    color: rgb(235, 247, 247); text-align: center;
}
section h3{
    font-size: 30px; font-weight: 200; letter-spacing: 3px; 
    font-weight: bolder; text-shadow: 1px 1px 2px black;     text-align: center;
}
section h1{
    margin: 30px 0 20px 0;
    font-size: 55px; font-weight: 700; letter-spacing: 4px;
    font-weight: bolder; text-shadow: 2px 1px 5px black;
    text-transform: uppercase; 
}
section p{
    font-size: 25px;
    word-spacing: 2px;
    margin-bottom: 25px;
    text-shadow: 1px 1px 1px black;
    text-align: center;
}
section p{
    border-radius: 4px;
    padding: 13px 25px;
    outline: none;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: 1px;
}
section a{
    padding: 12px 40px;
    text-decoration: none;
    border-radius: 20px;
    font-size: 18px;
    letter-spacing: 1px;
}
section .btn1{
    background: white;
    color: black;
}
.btn1:hover{
    background: rgb(73, 225, 225);
    color: black
}
.btn2:hover{
    background: white;
    color: black;
}
section .btn2{
    background: rgb(73, 225, 225);
    color: black;      
}
.change_content::after{
    content:"";
    animation: changetext 10s infinite linear;
    color: rgb(73, 225, 225);
}
@keyframes changetext{
    0%{content: "Mumbai";}
    15%{content: "Delhi";}
    25%{content: "Jaipur";}
    40%{content: "Agra";}
    50%{content: "Kerla";}
}