@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300&display=swap');

.navbar img
{
    width: 200px;
    height: 100px;
}

.main
{
    background-color: white;
    font-family: 'Rajdhani', sans-serif;
}
.line
{
    width: 100%;
    height: 10px;
    background-color: black;
    margin-top: 10px;
}
.f11
{
    width: 1250px;
    height: 800px;
    margin-left: 150px;
    margin-top: 50px;
    background-color: grey;
    text-align: center;
    color: yellow;
    border-radius: 75px;
    
}
.f1
{
    width: 1250px;
    height: 800px;
    margin-left: 150px;
    margin-top: 100px;
    background-color: grey;
    text-align: center;
    color: yellow;
    border-radius: 75px;
}
span{
    padding-top: 20px;
    color: yellow;
    font-size: 40px;
    font-weight: bolder;
}
.h3
{
    color: yellow;
    font-size: 30px;
    font-weight: bolder;
}
p
{
    padding-top:20px ;
    color: yellow;
    font-size: 18px;
    text-align: center;
    text-align: justify;
    text-justify: inherit;
    font-family: 'Rajdhani', sans-serif;
    padding-right: 30px;
    padding-left: 30px;
}
.f1:hover
{
    background-color: rgb(62,62,63);
    color: yellow;
    cursor: pointer;
    transform: scale(1.03);
    transition: all 1s ease;
}
.f11:hover
{
    background-color: rgb(62,62,63);
    color: yellow;
    cursor: pointer;
    transform: scale(1.03);
    transition: all 1s ease;
}
span:hover
{
    text-transform: revert-layer;
    font-size: 50px;
    font-weight: bolder;
    color: yellow;
}
.h3:hover
{
    text-transform: revert-layer;
    font-size: 35px;
    font-weight: bolder;
    color: yellow;
}
.img{
    border: 2px white groove;
}
.img:hover
{
   
    border-radius: 50px;
    transition-duration: 2s;
    box-shadow: 0px 0px 30px white;
    cursor: pointer;
    transform: scale(1.09);
    transition: all 1s ease-in-out;
}