html, body {
    background: #282e34;
    font-size: 1.2rem;
}

#form_info {
    margin: 5%;
}

#event_register_form {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-column-gap: 10px;
    padding-top: 4%;
}

#event_register_form label {
    grid-column: 1;
    float: left;
    text-align: right;
    font-size: 1.1rem;
    display: block;
}

#event_register_form input, #event_register_form textarea, #event_register_form button {
    grid-column: 2;    
}

input[type=text], input[type=email], textarea {
    font-size: .9rem;
    width: 80%;
    margin-bottom: 4%;
}

button {
    background: #1a53ff;
    color: #ffffff;
    font-size: 1.1rem;
    width: 50%;
    height: 4vh;
    border: none;
    border-radius: 5px;
}

button:hover {
    background: #0039e6;
}

textarea {
    resize: vertical;
}

textarea::placeholder, input[type=text]::placeholder, input[type=email]::placeholder {
    font-family: Nunito, sans-serif;
}

.success {
    grid-column: 2;
    display: block;
    background-color: #99e699;
    width: 80%;
    color: #196719;
    padding: 3% 2%;
    margin-top: 5%;
}

.error {
    grid-column: 2;
    display: block;
    background-color: #ff4d4d;
    color: #990000;
    width: 80%;
    padding: 3% 2%;
    margin-top: 5%;
    
}

#captcha {
    grid-column: 2;
    margin-bottom: 4%;
}