style

.nav-tweak{
    background-color: rgba(255, 255, 255, 0);
    backdrop-filter: blur(10px);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.151);
}

.welcome{

    top:0px;
    background-color: blueviolet;
    background-image: linear-gradient(to right, blueviolet, rgb(196, 134, 255));
    width: 100%;
    padding-top: 250px;
    padding-bottom: 200px;
    text-align: center;
    color: rgb(55, 0, 67);
}

.vertical-center{
    margin: 0;
    position: relative;
    top: 48%;

}

.wp{
    padding: 20px;
    width: 90%;
}

.block1{
    background-image: linear-gradient(to right, rgb(43, 226, 110), rgb(105, 255, 145));
    width: 100%;
    height: 500px;
    text-align: center;
    color: rgb(0, 104, 7);
    overflow: hidden;

}

.block1 a:hover{
    transform: scale(1.1);

}

.block2{
    background-image: linear-gradient(to right, rgb(150, 226, 43), rgb(238, 255, 105));
    width: 100%;
    height: 500px;
    text-align: center;
    color: rgb(83, 88, 0);
    overflow: hidden;
}

.block2 a:hover{
    transform: scale(1.1);

}

.aboutUs1{
    background-image: linear-gradient(to right, rgb(52, 43, 226), rgb(105, 118, 255));
    width: 100%;
    height: 500px;
    text-align: center;
    color: rgb(43, 0, 88);
}

.aboutUs2{
    background-image: linear-gradient(to right, rgb(43, 226, 147), rgb(105, 255, 220));
    width: 100%;
    height: 500px;
    text-align: center;
    color: rgb(0, 82, 88);
}

.text1{
    background-image: linear-gradient(to right, rgb(226, 43, 43), rgb(255, 105, 105));
    width: 100%;
    height: 500px;
    text-align: center;
    color: rgb(88, 0, 0);
}

.picture{
    padding-top:70px;
    text-align: center;
    padding-bottom: 70px;
    overflow: hidden;

}
.img-container{
    border-radius: 30px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.222);
    width: 100%;
    overflow: hidden;
}

.picture img{
    transition: 0.5s;
}


.picture img:hover{
    transform: scale(1.2);
    transition: 0.5s;
}
.picture .card{
    height: 100%;
    border-radius: 30px;
    width: 100%;
    background-image: linear-gradient(to right, rgb(52, 43, 226), rgb(105, 118, 255));
    color: rgb(0, 0, 85);
}

.picture h2{
    opacity: 80%;
}

.card-text{
    padding: 50px;

}


a:link{

    transition: 0.4s;
}

a:link:hover{
    color:rgba(0, 0, 0, 0.4);

}

.end-text{
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.end-text h1{
    opacity: 80%;
}

footer{
    padding-top: 100px;
    border-top: 1px solid rgba(0, 0, 0, 0.196);
}