/* main */

body {
font-family: Verdana, sans-serif;
}

.heading {
text-align: center;
font-size: 26px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 10px;
}

.highlight-1 {
background: lightgreen;
padding: 0.1em;
width: fit-content;
}

hr.line-1 {
border: 1px solid black;
}

/* form */

.form-container {
display: flex;
justify-content: center;
}

label {
display: block;
font-size: 1.05em;
padding: 4px;
}

#name {
border: 1px solid #ccc;
border-radius: 4px;
height: 25px;
width: 340px;
font-size: 16px;
}

#email {
border: 1px solid #ccc;
border-radius: 4px;
height: 25px;
width: 340px;
font-size: 16px;
}

#message {
border: 1px solid #ccc;
border-radius: 4px;
height: 100px;
width: 340px;
font-size: 16px;
resize: vertical;
overflow: auto;
}

.button {
padding: 20px 20px;
}

#reset {
background-color: #ff6347;
color: white;
border: none;
font-size: 14px;
padding: 14px 32px;
cursor: pointer;
width: 100px;
border-radius: 4px;
}

#submit {
background-color: #20b2aa;
color: white;
border: none;
font-size: 14px;
padding: 14px 32px;
cursor: pointer;
width: 100px;
border-radius: 4px;
}

#cansel {
background-color: #fdd835;
color: white;
border: none;
font-size: 14px;
padding: 14px 32px;
cursor: pointer;
width: 100px;
border-radius: 4px;
}