@font-face {
    src: url("Pattaya-Regular.ttf");
    font-family: ludissimots;
}

@font-face {
    src: url("FivoSans-Regular.otf");
    font-family: text;
}

.main-layout {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;

    background: url("../images/blue_background_1920.webp");
    background-size: cover;
}

.box {
    width: 60rem;

    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(15px);
    border-radius: 2.5rem;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.logo {
    margin-top: 2rem;
    margin-bottom: 5rem;

    text-align: center;
    font-family: ludissimots, cursive;
    font-size: 5rem;
    color: #004D40;
}

.error {
    margin-top: 2rem;
    margin-bottom: 5rem;

    text-align: center;
    font-family: ludissimots, cursive;
    font-size: 5rem;
    color: #971B00;
}

.thanks, .signature, .link {
    font-family: text, sans-serif;
}

.thanks {
    margin-bottom: 2rem;
    font-size: 2rem;

    text-align: center;
}

.thanks_paragraph {
    font-size: inherit;
    margin: 0 2rem 1rem 2rem;
}

.signature {
    margin-right: 2rem;
    margin-bottom: 5rem;

    text-align: right;
    font-size: 1.4rem;
    font-style: italic;
}

.link {
    font-size: 2rem;
    padding: 1rem 0;

    text-align: center;
    color: white;
    background: #004D40;
    border-radius: 0 0 2.5rem 2.5rem;
    cursor: pointer;
}