fieldset {
    border-color: white;
    color: whitesmoke;
    margin: 20px; 
}

p {
    color: whitesmoke;
}

.grid {
    display: grid;
    gap: 2px;
    border: double 5px;
}

.grid div {
    background: black ;
    padding: 5px;
}

.grid div:hover {
    border: 1px solid gold; 
}

.elemento1 {
    grid-column: 1/4;
    grid-row: 1/1;
    border: solid white; 
}

.elemento2 {
    grid-column: 1/4;
    grid-row: 2/2;
    border: solid white;
    font-weight: bold; 
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 
    'Lucida Sans', Arial, sans-serif;
    letter-spacing: 2px;
    text-align: center;
}

.elemento3 {
    grid-column: 1/4;
    grid-row: 3/3;
    border: solid white; 
}

.elemento4 {
    grid-column: 1/4;
    grid-row: 4/4;
    border: solid white; 
    text-align: right;
    color: whitesmoke;
    font-size: 11px;
}

/*MENÚ*/

#menu ul {
    list-style:none;
    margin:0;
    padding:0;
}
   
#menu ul li {
background-color:#000000;
}
   
/* Enlaces del menu */
   
#menu ul a {
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:400px;
    font-size:15px;
    padding:10px;
    font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}
   
#menu ul li {
    position:relative;
    float:left;
    margin:0;
    padding:0;
}
   
/* Efecto al pasar por encima */
#menu ul li:hover {
    background:#ffffff3a;
    transition: 0.5s linear;
}
  
/* Menu Desplegable */
#menu ul ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#eeeeeea4;
    padding:0;
}
   
#menu ul ul li {
    float:none;
    width:150px
}
/* Enlaces del menu desplegable */
   
#menu ul ul a {
    line-height:120%;
    padding:10px 15px;
}
   
/* Aparezcan en bloque */
   
   #menu ul li:hover > ul {
    display:block;
    
}

/*ALINEACIÓN*/

h2 {
    text-align: center;
}

fieldset p {
    margin-left: 10px;
}


#P1 {
    margin-left: 20px;
}

#P2 {
    margin-top: 15px;
}

#P3,#P4 {
    display: inline-block;
}

#P5,#P6,#P7 {
    display: inline-block;
}

#P8,#P9 {
    display: inline-block;
}

table {
    width: 100%;
}

td {
    width: 50%;
}

.linea {
    height: 2px;
    background-color: white;
}

textarea {
    margin-left: 10px;
}

/*DENTRO FORMULARIO*/
:focus {
    background-color: rgba(22, 160, 203, 0.849); 
    border: 1px solid;
    color: #000;
}

/*BOTONES*/
#enviar {
    width: 45%;
    height: 25px;
    font-family:"HelveticaNeue", Helvetica, Arial;
    font-weight: bold;
    color: white;
    background-color: rgb(99, 154, 17);
    border-radius: 1cm;
    text-align: center;
    
}

#borrar {
    width: 45%;
    height: 25px;
    font-family:"HelveticaNeue", Helvetica, Arial;
    font-weight: bold;
    color: white;
    background-color: rgb(141, 7, 7);
    border-radius: 1cm;
    text-align: center;
} 

/*//////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////*/

/* RESPONSIVE */

@media screen and (max-width: 600px) {

    .elemento1 {
        grid-column: 1/4;
        grid-row: 1/1;
        border: solid white; 
    }
    
    .elemento2 {
        grid-column: 1/4;
        grid-row: 2/2;
        border: solid white;
        font-weight: bold; 
        color: white;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 
        'Lucida Sans', Arial, sans-serif;
        letter-spacing: 0px;
        text-align: left;
        font-size: 14px;
        
    }
    
    .elemento3 {
        grid-column: 1/4;
        grid-row: 3/3;
        border: solid white; 
    }
    
    .elemento4 {
        grid-column: 1/4;
        grid-row: 4/4;
        border: solid white; 
        text-align: right;
        color: whitesmoke;
        font-size: 11px;
    }

    fieldset p {
        margin-left: 0px;
    }

    P1 {
        margin-left: 0px;
    }

    .grid {
        display: grid;
        gap: 1px;
        border: double 2px;
        
    }
      
    .grid div {
        background: rgb(36, 34, 34);
        padding: 1px;
    }

    p {
        display: inline-block;
    }

    td {
        display: block;
    }
    
}