/* GENERAL STYLES */
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
* {
    margin:0;
    padding:0;
    font-family:'Open Sans',  sans-serif;
    font-size:1em;
    color: #d0d1e0;
}

body {
    background-color:#212230;
}

header, footer {
    background-color:#101120;
    padding:15px;
}
main {
    padding:15px
}

.main-wrapper, .footer-wrapper {
    width:670px;
    margin:0 auto;
}

.header-wrapper {
    width:580px;
    height:70px;
    margin:0 auto;
    padding-left:90px;
    background-image:url(logo-verde.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size: 70px;
}
.header-wrapper h1 {
    font-size:1.8em;
    font-weight:300;
}
.header-wrapper h1 span { font-size:0.6em; }
.header-wrapper p { color: #9091a0; }
.header-wrapper p a:hover, .header-wrapper p a:active {
    color:#7BC86F;
}

a, alink {
    font:inherit;
    color:inherit;
    text-decoration:none;
    border-bottom:1px dashed #606170;
}

p {
    margin-bottom:1em;
}

p.obs {
    font-size:0.9em;
    font-style:italic;
}

ul {
    padding:0em 0em 0.7em 1em;
}

ul li {
    margin-bottom:0.5em;
}

ul li a:hover, ul li a:active {
    color:#70D9C8;
}

h2 {
    margin-bottom:1em;
    font-size:1.5em;
    font-weight:normal;
    color:#2A94E0;
}

h3 {
    margin-bottom:1em;
    font-size:1.2em;
    font-weight:normal;
    color:#70D9C8;
}

blockquote {
    padding:15px;
    margin-bottom:1em;
    background-color:#101120;
    border:1px solid #303140;
}

blockquote p {
    font-style:italic;
    margin-bottom:0;
}

input[type=text], textarea {
    width:60%;
    margin-bottom:0.7em;
    background-color:#404150;
    border:1px solid #606170;
}
label {
    color:#70D9C8;
    margin-bottom:0.3em;
}
textarea {
    padding:10px;
    font-family: mono;
    font-size:1em;
}
input[type=text] {
    padding:3px;
}

input[type=submit] {
    padding:5px 30px;
    color:#9091a0;
    background-color:#101120;
    border:#303140;
}

form p#error {
    padding:15px;
    background-color:#101120;
    border:1px solid #ED4646;
    color:#bD1616;
}

p#done {
    padding:15px;
    background-color:#7BC86F;
    border:1px solid #4E9743;
    color:#1E6713;
}

.footer-wrapper {
    padding:15px 0px;
}
.footer-wrapper h3, .footer-wrapper p {
    margin-bottom:0;
    font-size:0.8em;
}

.sep {
    margin-top:1.2em;
    padding-bottom:1em;
    border-top:1px solid #303140;
}