.wrap{
	width: 100%;
	text-align: center;
}

main{ 
max-width: 600px;
width: 600px;
font-family: sans-serif;
font-size: 25px;
font-weight: normal;
margin: auto;
}	

form label{ 
font-size: 1.25em;
color: green;
}

h1 a{
	color: black;
	font-family: Times New Roman, serif;	
	text-decoration: none;
}

h1{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: underline;
    text-decoration-thickness: 0.25rem;
    text-decoration-color: #1aa0ff;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
}

h2{
    padding-bottom: 20px;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: -2px;
    line-height: 110%;
    text-decoration: underline;
    text-decoration-thickness: 0.4rem;
    text-decoration-color: #ffeb005e;
    text-decoration-skip-ink: none;
}

h3.red{ 
color: red;
text-transform: none!important;
}

.input{ 
height: 50px;
font-size: 1em;
}

label{ 
margin-bottom: 15px;
}

a{
color: black;
}

a:hover{
	color: #1aa0ff;
}

ul{ 
list-style-type: none;
}

.result{ 
padding: 25px;
margin-top: 25px;
background-color: #ffeb005e;
box-shadow: 2px 2px 6px black;
border-radius: 8px;
}

li

@media only screen and (max-width: 600px) {
body{
text-align: left;
}
main{ 
	max-width: 100%;
}
}