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

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

body {
    font-family: 'DINProRegular';
    height: 100vh;
}

a {
    text-decoration: none;
    color: inherit;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

.circular--square {
    border-radius: 50%;
}

.heading {
    font-size: xx-large;
    font-weight: bold;
    font-family: 'DINProBold';
    margin-top: 1em;
    display: block;
}

.margin-top-xl {
    margin-top: 5em;
}

.margin-top-s {
    margin-top: 1em;
}

.width-70 {
    width: 70%;
}