:root {
    --mainColor: #364125;
    --backgroundColor: #e3e6dd;
    --textColor: #1f1f1f;
}

* {
    margin: 0;
}

.container{
    background-color: var(--backgroundColor);
    height: 100vh;
    width: 100vw;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

h1 {
    color: var(--mainColor);
    font-family: 'Cinzel', serif;
    font-size: clamp(1.8rem, 6vw, 4rem);
    padding: 2rem;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}

p {
    font-family: "Segoe UI", sans-serif;
    color: var(--mainColor)
}

.animation{
    width: 100%;
    border: none;
}