html , .cuerpo{
    background-color: #e0e0e0;
}
#navegacion{
    background: linear-gradient(90deg, rgba(237, 29, 36, 1) 0%, rgba(84, 81, 81, 1) 42%);
}
.pie {
    position: fixed;
    margin-top: 0;
    padding-top: 0;
}
.pie a{
    color: white;
}

.container {
    max-width: 400px;
    margin: auto;
    margin-top: 100px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 22px 22px 33px -14px rgba(0,0,0,0.75);
    background: radial-gradient(circle, rgba(237,29,36,1) 7%, rgba(84,81,81,1) 100%);
}

h1 ,h2 {
    Font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    text-align: center;
}
#Mtit{
    color: white;
}
#inicio{
    background-color: rgba(237, 29, 36, 1);
    color: white;
}
#inicio:hover{
    background-color: rgba(237, 29, 36, 0.85);
}

.panel {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
}
.form-group {
    margin-bottom: 20px;
}

label {
    font-weight: bold;
}
#gboton{
    text-align: center;
}
#gboton a{
    color: rgba(237, 29, 36, 1);
}
input[type="email"],
input[type="password"],
input[type="submit"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

h3 {
    text-align: center;
    margin-top: 20px;
}

a {
    color: rgba(237, 29, 36, 1);
}