:root {
    --pad-sides: 20px;
    --stroke-current-tier: linear-gradient(180deg, #FFD338 0%, #FFEEB4 100%);
    --max-width: 1200px;
}

img {
    width: 100%;
    height: auto;
}


.btn {
    padding:10px 20px;
    border-radius: 60px;
    border: 2px solid #FFF;
    background: radial-gradient(125.48% 29.54% at 51.02% 100%, #F5F1FB 0%, #D0BDEF 100%);
    box-shadow: 0 4px 10.9px 0 #FFF inset;

    text-align: center;
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: #6D278B;
    font-family: "Bona Nova";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width:fit-content;    
    margin-left:auto;
    margin-right:auto;
        color:#602390;
}

#content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.white-heading {
    color: #FFF;
    text-align: center;
    font-family: "Bona Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%; /* 23px */
    text-transform: uppercase;
}

footer:before {
    z-index:-1;
    position:relative;
    margin-top:-80%;
}


.site-header {
    position:fixed;
    width:100%;
}

@media (min-width:1024px) {


    .white-heading {
        font-size:48px;
    }

    footer {
        padding-top:70px;
    }

}