/* GRAVITY CSS */   
    
@font-face {
    font-family: "Mina";
    src: url('fonts/Mina-Regular.ttf') format('truetype'),
        url('fonts/Mina-Regular.woff2') format('woff2'),
        url('fonts/Mina-Regular.woff') format('woff');
    font-weight:400;
    font-weight:normal;
}

@font-face {
    font-family: "Mina";
    src: url('fonts/Mina-Bold.ttf') format('truetype'),
        url('fonts/Mina-Bold.woff2') format('woff2'),
        url('fonts/Mina-Bold.woff') format('woff');
        
    font-weight:700;
    font-style:normal;
}

body {
    margin: 0;
    background-color: #41047a;
    background-attachment: scroll;
    background-image: url("/img/levels/backgroundMapStars.svg");
    font-family: 'Mina', sans-serif;    
}
.btn-gravity {
    background-color: #f7d746;
    color: #000;
}
.btn-gravity-lg {
    padding: 1.5rem 4rem;
    font-size: 2.25rem;
    line-height: 1.5;
    border-radius: 0.5rem;        
}      
.btn-gravity-align-left {
    text-align: left !important;
}
@media (max-width: 768px) {
    .btn-gravity-lg-mobile {
        font-size: 1.5rem !important;
    }
}
.gravity-fullheight2 {
    /* height: 100%; */
    margin-top: 5%;
    margin-bottom: 2%;
}
.gravity-margin-top {
    margin-top: 1.5%;
}
.gravity-margin-top-five {
    margin-top: 3%;
}      
.gravity-white {
    color: #FFF;
    margin-top: 5%;
}
.gravity-resize-sm-img {
    max-width: 50%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;        
}   
.gravity-align-bottom {
    display: flex;
    align-items: flex-end;
    text-align: left;
    padding-left: 1.5%;
    background-color: #41047a;
    margin-bottom: -2.5%;
}
.gravity-white-img {
    width: 100%;
}