@font-face {
    font-family: 'Prustine';
    src: url('pruistine_script.ttf');
}

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: #e3dfd9;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1rem;
}

.container {
    width: 100%;
    height: 100%;
    display: grid;
    justify-content: center;
    overflow: hidden;
}

.logo-main {
    margin: 0 auto;
    width: 543px;
    height: 258px;
    animation-name: logo-animation;
    animation-duration: 2s;
}

@keyframes logo-animation {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 100%; }
}

.coming-soon {
    font-family: 'Prustine', cursive;
    text-align: center;
    font-size: 2rem;
    color: #4d3d2e;
    animation: coming-soon-animation;
    animation-duration: 3s;
}

@keyframes coming-soon-animation {
    0% { transform: translateY(50px); opacity: 0; }
    50% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 100%; }
}