@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet');

p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
a,
figcaption {
    font-family: 'Montserrat', sans-serif;
    color: #000000;
}

body {
        background-color: #ffffff;
    
}
h2{font-weight: 700; color: #6d65ac;}
h4{font-weight: 600;}
h5{font-weight: 600;line-height: 1.3rem; padding-top: 1rem;}

.prog h4{color:#6d65ac; font-weight: 700;}
 label{line-height: 1rem}
 .prog .relative{padding-right: 2rem;}
/* Grow */

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}


.gap {padding: 2rem 0;}
.top-bar{background-color: #6d65ac; position: fixed;width: 100%; z-index: 20;}
.button{border-radius: 8px; background-color: #6d65ac;font-family: 'Montserrat', sans-serif;}
.relative{position: relative;}
.pt{padding-top: 4rem;}
.circle-yellow{height: 220px; width: 220px; border-radius: 50%; background-color: #f8b950;position: absolute;top: -2rem; left: -1rem;z-index: -1;}
.circle-blue{height: 70px; width: 70px; border-radius: 50%; background-color: #d0ebec;position: absolute;top: -.6rem; left: -1.2rem;z-index: -1;}

/* Muda somente no mobile */

@media only screen and (max-width: 40em) {
    .circle-yellow{height: 170px; width: 170px; top: -2rem; left: 0;}
    h2{font-size: 2rem;}
    .fix-text{padding-top: 3rem;}
}