input[type='file'] {
    display: none
  }

  body {
    margin: 0px;
    display: flex;
    justify-content: start ;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-family: poppins;
    background: linear-gradient(#e2725b,#bacfc3 );
    width: 100%;
    height: 100vh;
  }


  section{
    margin-bottom: 100px;
    margin-top: 30px;
  }
  .botaoUpload {
    position: relative;

    cursor: pointer;
    border: none;
    background: #003593;
    
    width: 200px;
    color: white;
    transition: ease 700ms;
    height: auto;
    padding: 10px 40px;
    border-radius: 30px;
  }

.botaoUpload:hover{
transition: ease 700ms;
opacity: 0.7;
}

  .confirmacao {
    cursor: pointer;
    border: none;
    background: rgba(208, 255, 255, 1);
    padding: 5px 20px;
    width: 100px;
    height: 35px;
    border-radius: 20px;
  

  &:hover {
    transition: ease 1s;
    background-color: #bacfc3;
  }
  &:active{
    cursor: wait;
  }
}

  .container {
    display: flex;
    justify-content: center;
    align-items: center;
margin-bottom:60px;
  }

  .box {
    animation: deslize 1500ms ease-out ;
    width: 300px;
    height: 300px;
    background: #fff;
    border-radius: 40px;
    padding: 0 20px;
          justify-content: center;
    align-items: center;
  }

  footer {
    bottom: 0;
    gap: 30px;
    display: flex;
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
  }

  footer a{
color: black ;
  } 

  .formFile {

    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 30px;
  }




  div.text-apresentacao p {
    animation: aparecer 2s ease-in-out;
    margin: 0;
    width: 800px; 
    color: white;
   
  }
  #popupsuccess{
    background-color: white;
    position: relative;
    text-align: center;
    width: 200px;
    border-radius: 20px;
    height: 15vh;
  }
@keyframes aparecer {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }

}

@keyframes deslize {
  0%{
    margin-left: 100vw;
  }

  100%{
    margin-left: 0%;
  }
  
}
@media screen and (max-width:768px) {
 #popupsuccess{
  margin-bottom: 50px;
 }
footer{
flex-direction: column;
}
body, html{
height: 120vh;
width: 100%;
}
div.text-apresentacao p {
width: 100%;
}

.box{
  height: auto;
  width: 300px;
  padding: 10px 0;
margin-bottom: 40px;
}

a, p, label, button{
  font-size: 16px;
}
.confirmacao{
  padding: 5px;
  height: auto;
}
.botaoUpload{
  width: auto;
}
section{
  margin-bottom: 20px;
  padding: 0 30px;
}
}