.welcome {
    padding: 50px;
}
.quote {
    font-size: 24px;
    font-style: italic;
    margin-left: 50px;
    max-width: 1000px;
}

.section-header {
    padding: 50px;
}

.instruction {
    font-size: 20px;
    margin-left: 50px;
    max-width: 1000px;
}

.point {
    font-size: 25px;
    margin: 20px 0 20px 0;
}

.warning {
    margin-left: 50px;
    max-width: 1000px;
}

a {
    color: rgb(45, 45, 255);
    text-decoration: none;
}

.code {
    display: block;
    margin-top: 25px;
    padding: 1rem;
    background-color: #1e1e1e; /* Darker, modern background */
    color: #d4d4d4;
    border-left: 4px solid #6a5acd; /* The accent line */
    border-radius: 4px;

    /* The Magic Sauce */
    font-family: "Fira Code", "Courier New", monospace;
    overflow-x: auto; /* Add a scrollbar if it's too long */
    word-break: normal; /* Don't break words */
    min-height: fit-content;
}

.h-warning {
    color: rgb(255, 0, 0);
    font-size: 75px;
    margin: 50px;
}