*{
margin: 0;
padding: 0;
font-family: "oswald";
}

body {
    width: 480px;
    height: 775px;
    margin: auto;
   
}

.padre {
    background-color:brown ;
    display: flex;
    flex-direction:column;
    flex-wrap: nowrap;
    overflow: hidden;
    height: 775px;
    width: 480px;
    
}

#logeate {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 20px;
    margin-right: 20px;
    width: px;
    height: 700px;
}
.tituloindex {
    text-align: center;
    border-color: rgb(249, 244, 222);
    color: #ffffff;
    margin-right: 15%;
    margin-left: 15%;
    border-style: solid;
    border-width: thin;
    font-family: "oswald";
}

.darriba {
    display: flex;
    flex-direction: column;
    padding: 1%;
    margin-right: 15%;
    margin-left: 15%;
}

#logo{
     margin: auto;
}

.botreg {
    margin: auto;
    
}
.form-link {
    text-align: center;
    color: #ffffff;
    padding: 1%;
    margin-right: 15%;
    margin-left: 15%;
    font-family: "oswald";
    font-weight: 200
}

user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
Inherited from main#mainformu
* {
    font-family: "oswald";
}
Inherited from body
* {
    font-family: "oswald";
}
Inherited from html
* {
    font-family: "oswald";
}


.padre a img{
   margin-left: 40px;
    margin-top: 10px;
}

.pabellon ul{
    margin-left: 35;
}
.pabellon ul li a{
    text-decoration: none;
    color: #ffffff;
    font-family: "oswald";
}

.pabellon ul li{
    list-style: none;
    outline-style: solid;
    outline-color: #ffffff;
    outline-width: thin;    
    margin-bottom: 5px;
    width: 400px; 
    text-align: center;
}

.pabellon {
    font-size: 50px;
}

h1{
    text-align: center;
    margin-top: 20px;
}

h2{
    margin-top: 0;
}
.pabellon h2{
    text-align: center;
}

.pabellon img{
    margin-left: 40px;
}

.lista{
    margin-top: 10px;
    margin-left: 35px;
    margin-right: 35px;
}
.lista ul {
 list-style: none;
}
.lista li {
    float: left;
    margin: 5px;
    list-style: none;
}
.lista a {
 display: block;
 text-decoration: none;
}
.lista li {
  float:left;
  margin-right: 3px;
}
.lista a {
  display: block;
  text-decoration: none;
  color: #fff; 
  font-family: "oswald";
  font-size: 14px;
  background-color: #deacac;
  border: 1px solid #038265;
  padding: 5px;
}
.lista a:hover {
  background-color: brown; 
}

h3 a{
    text-decoration: none;
    color: black;
    font-weight: 300;
}

h3{
    margin-top: 20px;
    text-align: center;
}
@media screen and (min-width: 15em)
@media screen and (min-width: 40em)