img[alt="www.000webhost.com"] {
display: none;
}
.container h1 {
color: red;
font-family:monospace;
}

.note {
background-color:aquamarine;
color: black;
line-height: 30px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: 800;
}
.note p {
margin-left: 4px;
}

form {
text-align: left;
}
form h2 {
text-align: left;
color: red;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 40px;
}

form h3 {
font-size: 20px;
text-align: left;
margin-left: 10px; 
font-weight: 800;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
margin-bottom: 0;
}

form input {
padding: 10px 110px;
padding-inline-start: 5px;
margin-left: 10px;
margin-top: 10px;
outline: none;
}

input:focus {
outline: 1px solid red;
}

form select {
padding: 10px 110px;
padding-inline-start: 5px;
margin-left: 10px;
margin-top: 10px;
outline: none;
}
select:focus {
outline: 1px solid red;
}

form p {
font-size: 14px;
text-align: left;
padding-left: 10px;
font-weight: 800;
font-family: Arial, Helvetica, sans-serif;
}

form textarea {
padding: 10px 110px;
height: 200px;
padding-inline-start: 5px;
margin-left: 10px;
margin-top: 10px;
resize: none;
outline: none;
}
textarea:focus {
outline: 1px solid red;
}

#error {
font-size: 14px;
text-align: left;
padding-left: 10px;
font-weight: 800;
color:red;
font-family: Arial, Helvetica, sans-serif; 
}
.require {
color:red;
}

.checkbox:focus {
outline: none;
}
.checkbox_con {
display: flex;
}
.checkbox_txt {
font-family: Arial, Helvetica, sans-serif;
margin-left: 0px;
}

.submit {
align-items: center;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: .25rem;
box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
cursor: pointer;
display: inline-flex;
font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 600;
justify-content: center;
line-height: 1.25;
margin: 0;
min-height: 3rem;
padding: calc(.875rem - 1px) calc(1.5rem - 1px);
position: relative;
text-decoration: none;
transition: all 250ms;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
width: 150px;
margin-left: 10px;
margin-bottom: 20px;
}

.submit:hover,
.submit:focus {
border-color: rgba(0, 0, 0, 0.15);
box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
color: rgba(0, 0, 0, 0.65);
}

.submit:hover {
transform: translateY(-1px);
}

.submit:active {
background-color: #F0F0F1;
border-color: rgba(0, 0, 0, 0.15);
box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
color: rgba(0, 0, 0, 0.65);
transform: translateY(0);
}

.success {
position: absolute; top:46px; bottom: 0; left:0; right:0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.main-content__checkmark {
line-height: 1;
color: #24b663;
}
#checkmark {
font-size: 200px;
}
.success p {
color:white;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}

.go_back {
height: 50px;
width: 130px;
outline: none;
cursor: pointer;
}

.error_message {
position: absolute; top:46px; bottom: 0; left:0; right:0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; 
}
.fa-exclamation-circle {
line-height: 1;
color: red;
}

#exclamation {
font-size: 200px;
}

.error_message p {
color:white;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.re_submit {
height: 50px;
width: 130px;
outline: none;
cursor: pointer;
}