@font-face {
    font-family: 'Outfit-Light';
    src: local('Outfit Light'), url('../fonts/Outfit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit Regular'), url('../fonts/Outfit-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit Medium'), url('../fonts/Outfit-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit SemiBold'), url('../fonts/Outfit-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Bayon';
    src: local('Bayon Regular'), url('../fonts/Bayon-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Rounded';
    src: local('SF Pro Rounded Regular'), url('../fonts/SF-Pro-Rounded-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Rounded';
    src: local('SF Pro Rounded Light'), url('../fonts/SF-Pro-Rounded-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


.front-page {
    width: 100%;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    background-color: #090909;

}