html
{
    font-size: 62.5%; /* Medida para rems */
    box-sizing: border-box;
    font-family: 'Cinzel Decorative', cursive;
    
}

*,*:before,*:after 
{
    box-sizing: border-box;
}
a 
{
    color: white;
    text-decoration: none;
}
a:active,a:active * 
{
    outline: none !important;
}
a:focus,a:focus * 
{
    outline: none !important;
}

/* CSS - INDEX */

@media (min-width: 600px) 
{
    /*PC*/
    .main
    {       
        background-image: url("../media/fondo2.png");
        background-repeat:no-repeat;
        background-size:cover;
        background-color: rgb(64, 72, 97);
        color: white;
        width: 100%;
        height: 100vh;
        text-align: center;
        vertical-align: middle;
        padding: 10rem 2rem 2rem;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    .logo
    {
        width: 10rem;
        margin-bottom: 2rem;
        /*opacity: .8;*/
    }
    form
    {
        width: 25%;
        font-family: 'Cinzel Decorative', cursive;
    }
    input
    {
        width: 100%;
        margin-bottom: 2rem;
        padding: .6rem 2.3rem;
        font-size: 2rem;
    }
   
    #submit
    {
        border: solid white 2px;
        background-color: rgb(64, 72, 97);
        color: white;
        width: 90%;
        font-size: 1.7rem;
        padding: 1rem 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
    } 
    #submit img
    {
        width: 2rem;
        height: 2rem;
    }
    .text h1
    {
        margin: 0 0 .5rem;
        font-size: 8rem;
        line-height: 7.5rem;
        font-family: 'Cinzel Decorative', cursive;
        text-shadow: 0.1em 0.1em 0.2em rgb(14, 14, 14) 
    }
    
    .text p
    {
        padding: 1rem;
        font-size: 3rem;
        font-weight: 300;
    }
    .text p b
    {
        font-weight: 500;
    }
    span 
    {
            font-size: 3rem;
            font-family: 'Cinzel Decorative', cursive;
            letter-spacing: 3px;
    }

}
@media (max-width: 800px) 
{
    /*MOBILE*/
    .main
    {
        background-image: url("../media/fondo.png");
        background-repeat:no-repeat;
        background-size:cover;
        background-color: rgb(64, 72, 97);
        color: white;
        width: 100%;
        height: 100vh;
        text-align: center;
        vertical-align: middle;
        padding: 9rem 2rem 2rem;
    }
    .text h1
    {
        margin: 0 0 .5rem;
        font-size: 5rem;
        line-height: 4.5rem;
        font-family: 'Cinzel Decorative', cursive;
        text-shadow: 0.1em 0.1em 0.2em rgb(14, 14, 14) 
    }
    
    .text p
    {
        padding: 1rem;
        font-size: 1.3rem;
        font-weight: 300;     
    }
    .text p b
    {
        font-weight: 500;
    }
    span 
    {
            font-size: 1.8rem;
            font-family: 'Cinzel Decorative', cursive;
            letter-spacing: 3px;
    }
    form
    {
        width: 60%;
        margin: 0 auto;
    }
    input
    {
        width: 100%;
        margin-bottom: 1.5rem;
        padding: .4rem 2rem;
        font-size: 1.5rem;
    }   
    #submit
    {
        border: solid white 2px;
        background-color: rgb(64, 72, 97);
        color: white;
        width: 90%;
        font-size: 1.3rem;
        padding: .5rem 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
    } 
    #submit img
    {
        width: 1.6rem;
        height: 1.6rem;
    }
    .linea
    {
        width: 4rem;
        border-bottom: solid white 2px;
        margin: 1.5rem  auto;
    }
    .logo
    {
        width: 6rem;
        margin-bottom: 2rem;
        /*opacity: .8;*/
    } 
}