@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

:root{
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}


header {
    background-color: rgb(43, 43, 88);
    color: white;
    text-align: center;
    padding: 15px;
}

header ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}


header ul li {
    display: inline;
}

header ul li a {
    color: aliceblue;
    margin: 10px;
    text-decoration: none;
}

header ul li a:hover {
    color: orange;
}

main {
    padding: 80px;
    text-align: justify;
}

main h1 {
    text-align: center;
}

main img {
    display: block;
    max-width: 150px;
    border-radius: 10px;
    margin: auto;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

main fieldset{
    border: 2px solid  rgb(43, 43, 88);
    border-radius: 10px;
    margin: auto;
    max-width: 90%;
}


footer {
    background-color: black;
    color: white;
    text-align: center;
    padding: 15px;
}

footer ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}


footer ul li {
    display: inline;
}

footer ul li a {
    color: aliceblue;
    margin: 10px;
    text-decoration: none;
}

footer ul li a:hover {
    text-decoration: underline;
}




.campos{
    display: block;
    border: 1px solid  rgb(43, 43, 88);
    border-radius: 2px;
    color: rgb(43, 43, 88);
    margin: 10px;
}
.ancho50{
    width: 50%;
}
.ancho100{
    width: 95%;
}

.boton{
    display: block;
    margin: auto;
    background-color: rgb(43, 43, 88);
    color: white;
    font-size: 1.3em;
    border-radius: 3px;
}