body{
    /*background-color: lightskyblue;*/
    /*background-image: linear-gradient(198deg, #22d3ee, #8b5cf6);*/
    background-image: linear-gradient(198deg, #72ecff, #a178ff);
    height: 100svh;
}

.main-wrap{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 auto;
    width: 500px;
}

.main-wrap > p,img {
    width: 100%
}


.main-wrap > p{
    margin: 30svh 0 0 0;
    text-align: center;
    font-weight: bold;
    font-size: 7rem;
    line-height: 6rem;
    color: white;

}

.main-wrap > img{
    border: solid 7px white;
    transition: .8s cubic-bezier(0.45, 0, 0.55, 1);
}


.main-wrap > img:hover{
    border-color: #806afc;
    
    transition: .5s cubic-bezier(0.45, 0, 0.55, 1);
}