vida.css

*,::before, ::after{
   margin: 0.2rem;
   padding: 0.3rem;
   box-sizing: border-box;
}
body{
   font-family: Verdana, sans-serif;
   background: linear-gradient(rgba(10,10,35,0.5), rgba(27,27,50,0.5));
   background-image: url('bar.jpg') ;
 
}
.section{
   height: 80vh;
}
.conteiner_form{
   
   padding:2rem 2.5rem;
   background-color: #0a0a23;
   color: white;
   
}
.conteiner_form h1{
   font-size: 1.3rem;

}
input,select{
   width: 100%;
   padding: 1rem 0 0.3rem;
   border: none;
   border-bottom: 2px solid #d0d0d5;
   background-color: inherit;
   outline: none;
   color: white;

}
input::placeholder, select{
   color: #d0d0d5;
}
select > option{
   color: #d0d0d5;
}
select, button[type="submit"], .links p{
   cursor: pointer;

}
.links{
   display: flex;
   margin-top: 0.5rem;
}
.links p{
   margin-right: 0.5rem;
   padding: 0.7rem 1rem o.7rem 0.2rem;
   border-radius: 50px;
   transition: background-color 1s;

}
.links a {
   text-decoration: none;
   background-color: white;
   color:#0a0a23;
   padding: 0.4rem 0.6rem;
   font-weight: bold;
   border-radius: 50%;
   font-size: 0.8rem;

}
.links .last_link{
   padding: 0.4rem;
}
span{
   display: none;
   margin-left: 0.5rem;

}
.links p:hover{
   background-color: #3b3b4f;
}
.links p:hover span{
   display: initial;
}
.conteiner_form h2{
   font-size: 0.9rem;
   margin-top: 1.5rem;
   margin-bottom: 1rem;
}
button [type="submit"]{
   margin-top: 0.8rem;
   padding: 0.7rem 2rem;
   font-weight: bold;
   border: none;
   color: #0a0a23;
   background-color: #d0d0d5;
}
button [type="submit"] + p{
   font-size: 0.8rem;
   margin-top: 0.5rem;
 
}


.conteiner{
   display: flex;
   border: #d0d0d5;
   max-width: 1200px;
   width: 100%;
   margin: 5rem auto;
   height: 100%;
}
.conte_image{
   width: 80%;
   height: inherit;
   background-image: url('bar.jpg') no-repeat;
   background-size:cover ;
}