{
    box-sizing: border box;
}
body{
    margin:0%;
    padding: 0%;
    background-color: linear-gradient(to rigth, #7bebef, #0ff2ee);
    font-family:'segeone UI', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100vh;
.contenedor {
    background-color: rgb(241, 251, 172);
    padding: 30px 40px;
    border-radius:15px;
    box-shadow:0 8px 20px rgba(0,0,0,0.2);
    width:100%;
    max-width: 400px;
    animation:fadeIn 1s ease;
}
h1{
    text-align: center;
    color: #0077b6;
    margin-bottom: 20px;
}
label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color:#333;
}
input, select {
    width:100%;
    padding:10px;
    margin-bottom:20px;
    border: 2px solid #0077b6;
    border-radius: 8px;
    outline: none;
    transition: 0.3s ease;
}
input:focus, select:focus {
    border-color: #023e8a;
    background-color: #e0f7fa;
}
button {
width: 100%;
padding:12px;
background-color: #00b4d8;
color: rgb(245, 236, 236);
border: none;
border-radius: 8px;
font-size: 16px;
cursor:pointer;
transition: background-color 0.3s ease;
}
button:hover{
    background-color: #0096c7;
}
@-moz-keyframes fadeIn {
    from{opacity:0;transform: translateY(-20px);}
    to{opacity:1;transform:translateY(0);}
}