.container {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 20px;
    margin-bottom: 20px;

    display: flex;
    justify-content: center;
}

.default-form {
    text-align: left; 
}

.centered-form {
    text-align: center;
}

form {    
    font-size: 18px; 
}

form input[type=text] {
    border-radius: 10px;
    border: 2px solid var(--bg);
    padding: 10px;
}

form textarea {
    resize: none;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid var(--bg);
    transition: all 0.25s ease;
    box-sizing: border-box;
    width: 100%;
}

form textarea:hover {
    background-color: rgb(230, 230, 230);
}

form textarea:focus {
    background-color: white;
}

form input[type=submit] {
    margin-top: 20px;
    outline:none;
    
    text-align: center;
    padding: 8px;
    border-radius: 10px;
    background: #fff;
    border: 2px solid var(--accent);
    color: var(--accent);
    cursor: pointer;
    font-size: 18px;
    transition: all 0.25s ease;
}
  
form input[type=submit]:hover {
    color:white;
    background: var(--accent);
}
  
form input[type=submit]:active {
  transform: scale(1.05);
}

form input {
    transition: all 0.25s ease;
}

form input:hover {
    background-color: rgb(230, 230, 230);
}

form input:focus {
    background-color: white;
}

.icon-success {
    color: greenyellow;
}

.icon-error {
    color: red;
}