.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: AvenirNext;
}


html {
    height: -webkit-fill-available;
}



@font-face {
    font-family: 'DINNextLTPro-Regular';
    src: url('../fonts/DINNextLTPro Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Impact';
    src: url('../fonts/impact.ttf') format('truetype');
}
@font-face {
    font-family: 'AvenirNext';
    src: url('../fonts/AvenirNextCondensed-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'AvenirNextCondensed-Medium';
    src: url('../fonts/AvenirNextCondensed-Medium.ttf') format('truetype');
}
.ButtonFont {
    font-family: DINNextLTPro-Regular;
    font-size: 20px;
}