@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:50px;
box-sizing:border-box;
}

body {
font-family:Arial;
background-color:#0066FF;
display:flex;
justify-content:center;
align-items:center;
}

nav{
    display:grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    background: black;
    font-family: sans-serif;
    position:fixed;
    top:0;
    width:100%;
    color: whitesmoke;
    text-decoration: none    ;
    z-index: 2;
    height: 20vh;
    
 }
 a
 {
    text-decoration: none;
    color: whitesmoke;
 }
 nav .logo{
    font-size: 24px;
    font-weight:black;
 }
 nav .barnav{
    display:grid;
    grid-template-columns: repeat(7,auto);
    margin-right: 30px;
    color: whitesmoke;
 }
 nav .barnav div{
    padding: 10px 20px;
    color: whitesmoke;
 }
 nav .barnav div:hover{
    cursor: pointer;
    font-size: 20px;
    border-radius: 8px;
    border: 2px solid rgb(235, 229, 229);
 }


.contenedor {
background:linear-gradient(
50deg,
rgba(40,42,55,1)50%,
rgba(40,42,55,0.7)
),url(bg.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
padding: 70px;
width:1000px;
border-radius:25px;
}

.contenedor h2{
color:#FFFFFF;
font-size:36px;
margin-bottom:25px;
}

form {
display:flex;
flex-direction:column;
width:50%;
}

label{
font-size:18px;
color:#FFFFFF;
margin-bottom:10px;
}

input,textarea{
padding:17px 14px;
background-color:#FFFF00;
border:0;
font-size:14px;
color:#0000FF;
margin-bottom:20px;
border-radius:10px;
}


.boton1 {
background-color:#0000FF;
width:150px;
color:#FFFFFF
}

.boton1:hover {
background-color:#FF0000;
}