* {
    font-family: 'Rubick', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    height: 100vh;
    max-width: 100vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

:root {
    --black: #27282a;
    --light-violet: #543e7e;
    --dark-violet: #3e3354;
    --lavander: #afa4ce;
    --white: #f4f7fc;
    --light-green: #accdb8;
    --dark-green: #345041;
    --mauve: #e5d0cf;
    --light-gold: #cbc5a5;
    --dark-gold: #767257;
    --coral: #d9615b;
    --light-blue: #a6b4cc;
    --dark-blue: #294457;
    --light-red: #8d485a;
    --dark-red: #530f1b
        /*#64232e*/
    ;
    --forest: #2f3c41;
    --gray: #5b6b70;
}

.error-message {
    color: #d9534f;
    /* rojo */
    font-weight: bold;
}

.success-message {
    color: #5cb85c;
    /* verde */
    font-weight: bold;
}