a{
    text-decoration: none;
    color: white;
}

section{
    margin-top:1.3em;
}
.corpo{
    display: flex;
    flex-direction: column;
    margin-left: 30%;
    width:40%;
    height: 300px;
    border-radius: 10px;
    background-color: white;
}
div#icon{
    text-align: center;
}

img.icon{
    width: 150px;
}

body{
    background: rgb(6, 77, 105);

}
div.entrada{
    display: flex;
    flex-direction: row;
}
.file{
    flex-grow: 1;

}
.fileimg{
    width: 30px;
    border-radius: 20px;
}
.inputimg{
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    visibility: hidden;
}
div.inputs{
    border: 0;
}


input{
    background: rgb(160, 200, 255);
    width: 200px;
    border: 0;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
}
div#confirm{
    text-align: center;
}
button#submit{
    background: rgb(73, 187, 216);
    color: white;
    border: 0;
    margin: 0;
    width:  200px;
    height: 40px;
    border-radius: 22px;
}
button#submit:hover{
    background: rgb(73, 157, 200);
}
@media(min-width: 1000px) and (min-height:1000px ){
    section{margin-top:1.4rem;}
}
@media(max-height: 500px){
    div#icon{margin-top: calc(12vh - 20px);margin-bottom: 3vh;}
    input{margin-top: 7px;}
    div#confirm{margin-top: 2px;}
    div.inputs{height: 140px;}
    input{height: 55px}
    .fileimg{margin-top:20px;}
    button#submit{margin-bottom: 3px;height: 50px;}
    .corpo{height: 200px;}
}
@media (min-height: 500px) and (max-height:800px){
    div#icon{margin-top: calc(18vh);margin-bottom: 5vh;}
    input{margin-top: 7px;}
    div#confirm{margin-top: 2px;}
    div.inputs{height: 140px;}
    input{height: 60px}
    .fileimg{margin-top:20px;}
    div.entrada{margin-left: 5px;}
    button#submit{margin-bottom: 5px;height: 50px;}
    .corpo{height: 200px;}
}
@media (min-height: 801px){
    div#icon{margin-top: calc(20vh);margin-bottom: 5vh;}
    input{margin-top: 5px;}
    div#confirm{margin-top: 2px;}
    div.inputs{height: 140px;}
    input{height: 60px}
    .fileimg{margin-top:20px;}
    button#submit{margin-bottom: 5px;height: 50px;}
    .corpo{height: 200px;}
}
@media(max-width: 500px){
    div.inputs{width: 150px;}
    input{margin-left: 10px;width: 140px}
    .fileimg{margin-left: 20px; width: 100px; height: 100px;}
    button#submit{width: 280px;}
    .corpo{margin-left: calc(50vw - 150px);width: 300px;}
}
@media (min-width: 500px) and (max-width:800px){
    div.inputs{width: 200px;}
    input{margin-left: 10px;width: 230px;}
    .fileimg{margin-left: 70px;width: 100px; height: 100px;}
    button#submit{width: 380px;}
    .corpo{margin-left: calc(50vw - 200px);width: 400px;}
}
@media (min-width: 801px){
    div.inputs{width: 250px;}
    input{margin-left: 10px;width: 230px}
    .fileimg{margin-left: 20px;width: 100px; height: 100px;}
    button#submit{width: 380px;}
    .corpo{margin-left: calc(50vw - 200px);width: 400px;}
}