@import url(https://fonts.googleapis.com/css?family=Gonce);:root{font-family:Gonce,sans-serif;--dark-green:#006450;--mid-green:#009579;--light-green:#a5e5d9;--blue:#3f96b4;--blue-gray:#5b7e96;--purple:#575195;--red:#d7282f;--border-radius:0.5rem;letter-spacing:.03em}h1,h2,h3,h4,h5,h6{color:var(--dark-green)}button,input{border:2px solid var(--dark-green);background-color:var(--light-green);color:var(--dark-green);font-family:Gonce,sans-serif;font-size:1rem;padding:.5rem 1rem;margin:.5rem;border-radius:var(--border-radius);&:disabled{color:white;background-color:#777777;border-color:#777777}}button{background-color:var(--dark-green);color:white}a{color:var(--dark-green);&:hover{color:var(--mid-green)}}img{max-width:100%;height:auto}.content{margin:0 auto;max-width:600px;header{.logo{display:block;text-align:center}img{max-width:150px;height:auto}}}.landing{margin:0 auto;max-width:600px;h1{text-align:center;margin:0;@media screen and (min-width:500px){img{max-width:500px}}}.tagline{margin:0;color:var(--dark-green);font-style:italic}.tagline,form{text-align:center}form{margin-top:4rem}.note{text-align:center;margin-top:2rem;font-style:italic;padding:1rem;color:white;border-radius:var(--border-radius);&.error{background-color:var(--red);a{color:white;text-decoration:underline;cursor:pointer}}&.success{background-color:var(--blue-gray)}}}