input[type=text], input[type=email] {
    border:2px solid #000000;
    height:45px;
    padding:12px;
    margin:4px 0;
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    width:100%;
    border-radius:5px;
    box-shadow:inset 0 0 8px #dde0df;
    width:100%;
    padding:10px 20px 10px 20px;
}
input[type=submit] {
    border:none;
    padding:12px 25px;
    margin:5px 0;
    font-size:16px;
    color:#fff;
    background:#0399ff;
    border-radius:6px;
    cursor:pointer;
    width:100%;
}
input[type=submit]:hover {
    opacity:0.9;
}

.message {
    resize: vertical;
    min-width:23vw;
    border:2px solid #000000;
    padding:12px;
    margin:2px 0;
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    width:100%;
    border-radius:5px;
    box-shadow:inset 0 0 8px #dde0df;
    width:100%;
    padding:10px 20px 10px 20px;
}

.message::placeholder {
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
}

.output_message {
font-size:1px;
font-family:Arial, Helvetica, sans-serif;
color: darkorange;
}

.number{
border:1px solid #000000;
height:45px;
padding:12px;
margin:2px 0;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
width:100%;
border-radius:5px;
box-shadow:inset 0 0 8px #dde0df;
width:100%;
padding:10px 20px 10px 20px;
}
textarea {
    font-family: inherit;
    font-size: inherit;
 }

.success { 
background:green;
 color:white;
 padding:20px;
 width:100%; 
}

.error {
 background:red;
 color:white;
 padding:20px;
 width:100%; 
}