body{

    background-color: rgb(87, 28, 163);
   font-size: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;

}
h1,h2,h3{
font-style: oblique;
}

#formulario{ 
  background-color: #d3def1;
  margin-top: 20px;
  margin-bottom: 20px;

 
}

.espaço{

  background-color: rgb(8, 90, 196);
 height: 3px;
margin-right: 0px;
margin-left: 0px;


}
div{
    
  font-size: large;
  justify-content: center;
  flex-direction: column;
margin: 10px;

  font-weight: bolder;
  
}

.nome{
    color: black;
   
  justify-content: center;
   
    align-items: center;

  

}
.arquivo{

 
   border: 2px dotted rgb(134, 20, 228);
   
}
.principal{

    display: flex;
 flex-direction: column;
 justify-items: center;
 text-align: center;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);

}

.bordas{
  border: solid 2px rgb(165, 202, 199);
  border-radius: 10px;
  }

  .codigo{

    
  justify-content: center;
   
    align-items: center;

  }

  .email{

     
  justify-content: center;
   
    align-items: center;
  }

  .numero{

     
  justify-content: center;
   
    align-items: center;
  }

  .website{

    
  justify-content: center;
  
    align-items: center;
  
  }

  .opicões{

     display: flex;
     flex-direction: column;

  }

  .botao{
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: rgb(33, 31, 37);
    border-radius: 20px;
    width: 100px;
    height: 50px;
  }

  .cor{
    width: 100vh;
    height: 120px;
    margin: 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  }