@charset "UTF-8";
/* CSS Document */

h1 {
color: white;
font-size: 1.8em;
line-height: 150%;
}

header{
color: black;
font-size: 1.2em;
line-height: 150%;
padding-left: 15%;
padding-right: 15%;
padding-top: 40px;
padding-bottom: 20px;
margin:0px;
background-color: #008b8b;
background-image: linear-gradient(0deg, #008b8b 0%, #72f7b8 100%);
}


header p{color: black; font-size: .9em; border: none; line-height: 60%;}

#stage{padding-left: 15%;
padding-right: 15%;}

h2 {
color: darkcyan;
font-size: 1.2em;
line-height: 150%;
padding-left: 20px;
text-transform: uppercase;
margin-top: 40px;
border-left: 10px solid darkcyan;
margin-left: -15px;
}

h3{
font-size: 1.2em; 
font-color: black;}

p{
margin-right: 15%;
line-height: 150%;
border-top: 3px dotted lightgrey;
padding-top: 10px;
margin-left: 20px;
text-indent: -40px;
}

body{
margin: 0px;
font-family: "Montserrat", sans-serif;
font-weight: 500;
color: #646464;
font-size: 1em;
}

input[type="checkbox"] {
width: 1.8em;
height: 1.5em;
margin-right: 10px;
accent-color: #D8595B;
border-radius: 10px;
}

strong{color: black;}

a{
border-bottom: 5px solid black;
border-radius: 10px;
display: block;
width: 40%;
background-color: #D8595B;
font-weight: 600;
padding: 10px;
margin-top: 20px;
font-size: 1em;
text-decoration: none;
color: white;
}

a:hover{
background-color: black;
color: white;
border-bottom: 5px solid #D8595B;
}

footer{
padding-top: 20px;
padding-bottom: 20px;
width: auto;
	margin-top: 40px;
padding-left: 15%;
padding-right: 15%;
border: 2px solid lightgrey;}