/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 8, 2021 */

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
}

.text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Arial, sans-serif;
    font-size: 50px;
    text-align: center;
    width: 100%;
    color: #000;
    font-family: lorettolight

}
.text span {
    font-size: 50px;
}

@font-face {
    font-family: 'lorettoheavy';
    src: url('./fonts/loretto-heavy-webfont.eot');
    src: url('./fonts/loretto-heavy-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-heavy-webfont.woff2') format('woff2'),
        url('./fonts/loretto-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lorettobold';
    src: url('./fonts/loretto-bold-webfont.eot');
    src: url('./fonts/loretto-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-bold-webfont.woff2') format('woff2'),
        url('./fonts/loretto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lorettosemibold';
    src: url('./fonts/loretto-semibold-webfont.eot');
    src: url('./fonts/loretto-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-semibold-webfont.woff2') format('woff2'),
        url('./fonts/loretto-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lorettothin';
    src: url('./fonts/loretto-thin-webfont.eot');
    src: url('./fonts/loretto-thin-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-thin-webfont.woff2') format('woff2'),
        url('./fonts/loretto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lorettolight';
    src: url('./fonts/loretto-light-webfont.eot');
    src: url('./fonts/loretto-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-light-webfont.woff2') format('woff2'),
        url('./fonts/loretto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lorettoextralight';
    src: url('./fonts/loretto-extralight-webfont.eot');
    src: url('./fonts/loretto-extralight-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-extralight-webfont.woff2') format('woff2'),
        url('./fonts/loretto-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lorettomedium';
    src: url('./fonts/loretto-medium-webfont.eot');
    src: url('./fonts/loretto-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-medium-webfont.woff2') format('woff2'),
        url('./fonts/loretto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lorettoultrabold';
    src: url('./fonts/loretto-ultrabold-webfont.eot');
    src: url('./fonts/loretto-ultrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-ultrabold-webfont.woff2') format('woff2'),
        url('./fonts/loretto-ultrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lorettoregular';
    src: url('./fonts/loretto-regular-webfont.eot');
    src: url('./fonts/loretto-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/loretto-regular-webfont.woff2') format('woff2'),
        url('./fonts/loretto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}