@font-face {
    font-family: 'MarchiseTrial';
    src: url("/fonts/Atlantis-Famingo.ttf") format("opentype");
}

@font-face {
    font-family: 'Aonic-Medium';
    src: url("/fonts/Aonic-Medium.ttf") format("truetype");
}

body {
    font-family: 'MarchiseTrial', 'Times New Roman', Times, serif;
    background-color: #000;
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
}

a {
    color: #1E90FF;
    text-decoration: none;
}

img {
    max-height:50%;
    max-width:50%;
}

.btn {
    display: inline-block;
    transform-origin: center;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #1E90FF;
    color: #fff;
    border-radius: 5px;
    transition: all 0.3s;
    font-family: 'Aonic-Medium', sans-serif;
}

.btn:hover {
    background-color: #13518f;
    color: #fff;
    border-radius: 5px;
    transform: scale(1.25);
    transition: all 0.3s;
}

.langloader {
    position: absolute;
    right: 5%;
    top: 5%;
}

.correct, .wrong {
    display: none;
    font-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height:100%;
    width:100%;
    transition: ease-in-out 0.3s;
}

.correct {
    color: #4CAF50; /* Zelená barva pro správnou odpověď */
    background-color: #4caf4f6e;
}

.wrong {
    color: #F44336; /* Červená barva pro špatnou odpověď */
    background-color: #F443366e;
}

.see {
    display:block;
    transition: ease-in-out 0.3s;
}

.char {
    position: absolute;
    top: 50%;
}