.body {
    /* min-height: 100vh;*/
    height: 100%;
    background-color: #DE659F;
    background-image: linear-gradient( to right, rgb(42, 26, 77),rgb(77, 62, 139) );
    font-family: Montserrat-Regular;
}


html {
    height: -webkit-fill-available;
}
@font-face {
    font-family: 'impact';
    src: url('../fonts/impact.ttf') format('truetype');
}
@font-face {
    font-family: 'DINNextLTPro-Regular';
    src: url('../fonts/DINNextLTPro Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'GingerFoxFont-Regular';
    src: url('../fonts/Ginger Fox Font-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'GingerFoxFont-SemiBold';
    src: url('../fonts/Ginger Fox Font-SemiBold.otf') format('opentype');
}