body { background-image: url(techito.svg);
    background-repeat: no-repeat;
    background-position:left;
    background-size:contain;
    width: 480px;
    height: 775px;
   
}

.padre {
    display: flex;
    flex-direction:column;
    flex-wrap: nowrap;
    justify-content: center;
    overflow: hidden;
    height: 750px;
    width: 
    
}

#logeate {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgb(117, 184, 163);
    opacity: 0.8;
    padding-right: 1em;
    padding-left: 1em;
    margin-left: 2em;
    margin-right: 2em;
    width: 350px;
    height: 700px;
}
.tituloindex {
    text-align: center;
    border-color: rgb(249, 244, 222);
    color: rgb(249, 244, 222);
    padding: 1%;
    margin-right: 15%;
    margin-left: 15%;
    border-style: solid;
    border-width: thin;
    font-family: "lato";
}

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

#logo{
     padding-left: 5.5em;
}

.botreg {

padding-left: 4.5em;
    
}
.form-link {
text-align: center;
    border-color: rgb(249, 244, 222);
    color: rgb(249, 244, 222);
    padding: 1%;
    margin-right: 15%;
    margin-left: 15%;
   
    font-family: "lato";
}
* {
    font-family: "lato";
}
user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
Inherited from main#mainformu
* {
    font-family: "lato";
}
Inherited from body
* {
    font-family: "lato";
}
Inherited from html
* {
    font-family: "lato";
}


@media screen and (min-width: 15em)
@media screen and (min-width: 40em)