@font-face {
    font-family: 'Bauhaus';
    src: url('../font/BauhausStd-Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bauhaus';
    src: url('../font/BauhausStd-Medium.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'Bauhaus';
    src: url('../font/BauhausStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Bauhaus';
    src: url('../font/BauhausStd-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    background: #EFF3E7;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}

/*icon background*/
.icon {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 0;

    opacity: 0.5;
}
.image_icon {
    width: 400px;
    height: 400px;
}