html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 300;
    font-size: 16px;  /* Default font size */
}

.container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 600px;
}

.flex {
    display: flex;
}

#coming-soon p {
    text-align: center;
    font-weight: 200;
}

/* Responsive styles */
@media only screen and (max-width: 768px) {  /* Tablet and below */
    body {
        font-size: 18px; /* Increase font size */
    }

    img[alt="logo"] {
        width: 250px;  /* Adjust logo size */
    }

    .container div {
        text-align: center;  /* Center the text */
    }
}

@media only screen and (max-width: 480px) {  /* Mobile devices */
    body {
        font-size: 20px; /* Further increase font size */
    }

    img[alt="logo"] {
        width: 200px;  /* Further adjust logo size */
    }
}