/* Style the input */
input,
textarea {
    border: 1px solid rgb(235, 235, 235);
    border-radius: 7px;

    color: rgb(30, 160, 220);
    font-size: 12px;

    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 17px;
    padding-right: 17px;

    transition: 0.4s;
    box-sizing: border-box;
}

    input:hover,
    input:focus {
        transition: 0.2s;
        
        background: rgba(30, 160, 220, 0.1);
        border: 1px solid rgb(30, 160, 220);
    }

    textarea:hover,
    textarea:focus {
        transition: 0.2s;
        
        background: rgba(30, 160, 220, 0.1);
        border: 1px solid rgb(30, 160, 220);
    }

    input[type="checkbox"] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        width: 28px;
        height: 28px;
        min-width: 28px;
        min-height: 28px;

        accent-color: rgb(30, 160, 220);
    }