@font-face {
    font-family: MaszynaAEG;
    src: url(./fonts/maszyna_aeg/MaszynaAEG.ttf);
}

@font-face {
    font-family: TravelingTypewriter;
    src: url(./fonts/TravelingTypewriter.ttf);
}

.typewriter {
    font-family: TravelingTypewriter, serif;
}

html, body {
    height: 100%;
}

html {
    background-size: cover;
    background: url(./img/slot.jpg) no-repeat center center;
}

.bg-faded {
    background-color:rgba(255, 255, 255, 0.5);
}

.arrow {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
}

.arrow > img {
    max-width: 15%;
}

h1, h2, h3 {
    font-family: MaszynaAEG, serif;
}

.maszyna {
    font-family: MaszynaAEG, serif;
}

a {
    color: black;
}

.overlay-title, .overlay-arrow {
    position: absolute;
    z-index: 3;
    text-align: center;
    width: 100%;
}

.overlay-arrow img {
    cursor: pointer;
    max-width: 20%;
}

.overlay-arrow {
    bottom: 10%;
}

.overlay-title {
    top: 50%;
}

.overlay-image {
    position: absolute;
    min-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.overlay-container {
    position: absolute;
    background-size: cover;
    background: url(./img/slot.jpg) no-repeat center center;
    width: 100%;
    height: 100%;
    z-index: 3;
}

[data-toggle=modal] {
    cursor: pointer;
}