@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Spline+Sans:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@0;1&family=Merriweather:wght@300&family=Spline+Sans:wght@300&display=swap');

*{
    margin: 0;
    padding: 0;
}



.hero-btn{
    display: inline-block;
    text-decoration: none;
    color:#fff;
    border: 1px solid #fff;
    padding: 12px 34px;
    font-size: 13px;
    background: transparent;
    position: relative;
    cursor: pointer;
}

.text-box {
width: 40vw;
}

.hero-btn:hover{
    border: 1px solid rgb(255, 255, 255);
    background:rgb(224, 123, 192);
    transition: 1s;
}




.ja {
    width: 90vw;
    display:flex;
    flex-direction: row;
}

.ja img {
    width: 20vw;
    justify-content:space-between;
}