*{
    color: #fff;
}
body{
    background: linear-gradient(#4D2DB7,#0E21A0);
    height: 120vh;
    color: #fff;
    
}
html{
    scroll-behavior: smooth;
}
img{
    height: 150px;
    border-radius: 30px;
    box-shadow:1px 8px 5px 10px #190f3d;
}
.image{
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-top: 8%;
}
h1{
    padding-top: 2%;
}
p{
    padding-top: 5%;
    font-size: 30px;
}
button{
    background-color: #4D2DB7;
    color: #fff;
    height: 50px;
    width: 130px;
    transition: .5s;
}
#btn{
    margin-top: 6%;
    border-radius: 7px;
    border: 4px solid;
    text-transform:uppercase ;
    font-size: large;
    font-weight: 500;

}
button:hover{
    background-color: #fff;
    color: #4D2DB7;
    
}
.img1 p,.img2 p{
    padding-top: 25px;
}
footer p{
    text-align: center;
    font-weight: 200;
    font-size: 15px;
}

@media screen and (max-width: 480px) {

    h1{
        padding-top: 40px;
        transform: scale(1.17);
    }
    #btn{
        top: 10px;
    }
    img{
        height: 100px;
        margin-top: 10px;

    }
    .img1 p,.img2 p{
        font-size: 8px;
    }
    body{
        height: 90vh;
    }
    footer p{
        padding: 0%;
        font-size: 10px;
    }
    
}