/* common styles */
* {
    margin: 0;
    padding: 0;
    /* font-family: "Josefin Sans", sans-serif; */
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}

/* original value is 16px = 1rem but here we want 10px = 1rem */
body {
    background-color: #ffffff;
    height: 100%;
}
label{
    font-size: 16px;
    padding: 3px;
}
textarea{
    font-size: 16px;
    padding: 3px;
    resize: none;
}
p{
    font-size: 16px;
    padding: 3px;
    
}

textarea:focus{
    background-color: khaki;
    border-width: 2px;
    border-color: #664f03;

}
input{
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 16px;
    padding: 5px;
    color:#664f03;
    border: 1px solid #664f03;
    border-radius: 7px;
    /* transition:  0s;  */
    width: 90%;
    background: transparent;
}
input:focus {
    background-color: khaki;
    border-width: 2px;
    border-color: #664f03;
    
    /* color: #664f03; */

}
/* input:hover{
    background-color: #c4e37d;
    border-width: 2px;
    border-color: #025102;
} */
select{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 3px;
    color:#664f03;
    border: 1px solid #664f03;
    border-radius: 7px;
    background-color: #fff;
    transition: background-color 0.3s; 
    width: 100%;
    

}
select:focus {
    background-color: #fff;
    border-width: 2px;
    border-color: #664f03;
    /* color: #664f03; */

}

/* end of common styles */