body{
    max-width: 100vw;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right top, #24242473,#24242473), url(/assets/bg-register.jpg);
    background-size: cover;
    background-position: center;
    font-family: "Open Sans";
    color: RGB(253, 250, 251);
    header{
        display: flex;
        align-items: self-start;
        width: 100%;
     
        a{
            display: flex;
            justify-content:flex-start;
            align-items: center;
            gap: 0.5rem;
            margin-top: 1rem;
            margin-left: 1rem;
            text-decoration: none;
            img{
                width: 10%;
            }
            span{
                color: RGB(253, 250, 251);
            }
        }
      
    }
    .inicio-form{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: RGB(42, 42, 42);
        border-radius: 2rem;
        width: 70%;
        margin-top: 2rem;
        padding: 2rem;
        gap: 1rem;
        form{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
            gap: 1rem;
            input{
                padding: 0.5rem;
                border-radius: 2em;
                border-color: RGB(159, 54, 71);
                border-width: 4px;
                width: 80%;
                border-style: solid;
                background-color: RGB(51, 51, 51);
            }
            input[type="submit"]{
                margin-top: 1rem;
                padding: 0.5rem 1.5rem;
                border-radius: 0.5rem;
                color: RGB(253, 250, 251);
                background-color: RGB(159, 54, 71);
                border-style: none;
        }
        }
        a{
            color: RGB(103, 99, 91);
            text-decoration: none;
            font-weight: 600;
        }
    }

    p{
        text-align: center;
        background-color: RGB(159, 54, 71);
        border-radius: 0.5rem;
        padding: 1rem;
        box-shadow: 10px 10px 10px #64636396;
        
    }
}

@media(min-width:702px ) and (max-width:1024px){
    body .inicio-form{
        width: 50vw;
    }
}

@media (min-width:1025px) and (max-width:1280px){
    body .inicio-form{
        width: 40vw;
    }
}

@media (min-width:1281px){
    body .inicio-form{
        width: 40vw;
    }
}