@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&display=swap');
body {
    margin: 0px;
    padding: 0px;
    font-family: 'Raleway', sans-serif;
    width: 432px;
    height: 932px;
    background-color: rgb(0, 0, 0)}

header {
    background-color: rgb(0, 0, 0);
    padding: 0px;
    text-align: left;
    display: block;
    align-items: center;
}
    header article img { /*P0RT4D4*/
        width: 432px;
        height: 640px;}
    header div img { /*L060 P3QU3Ñ0*/
        padding: 2rem 2rem 2rem 2rem;
        width: 20%;}

aside {
    background-color: black;}


main {
    background-color: black;
    display: block;
    flex-direction: column;
    align-items: center;}
    main div { /*1N1C10 D3 53510N*/
        padding: 4rem 5rem 4rem 4rem;}
    main article{
        background-color: rgb(0, 0, 0);
        text-align: center;
        max-width: 600px;
        overflow-x: auto;}
    main article a {text-decoration: none;}
    main article ul{
        margin: 0rem;
        max-height: 600px;
        overflow-x: auto;
        padding: 0rem 0rem 0rem 4rem;}    
    
    main article ul li{
        color: white;
        font-size: 15px;
        font-weight: 700;
        list-style: none;
        width: 250px;
        background-color: #4B1681;
        padding: 0.5rem;
        margin: 1rem;
        border-radius: 30px;
        cursor: pointer;}
    
    main article ul li:hover {
        background-color: #fcfbfd;
        color: #4B1681;}

label {
    text-align: left;
    color: white;
    font-size: 10px;
    font-weight: 700;
    padding: 0rem 0rem 2rem 0rem;}

input {
    width: 100%;
    padding: 10px;
    margin-bottom: 3rem;
    border-radius: 20px;
    }

footer { /*B0T0N3R4 1NF3R10R*/
    width: 432px;
    height: 60px;
    background: #000000;
    color: white;
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;}
    footer img{
        max-width: 8%;
        padding: 1.3rem;}

/*T3XT0S*/

h1 {color: #FF38FA;
    padding: 6rem 4rem 2rem 4rem;
    font-size: 3rem;
    font-weight: 700;}
h2 {color: #ffffff;
    padding: 0rem 0rem 0rem 4rem;
    font-size: 1.5rem;
    font-weight: 700;}
h3 {color: #ffffff;
    padding: 0rem 4rem 0rem 0rem;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;}

h4 {color: #ffffff;
    padding: 0rem 0rem 0rem 2rem;
    text-align: left;
    font-size: 14px;
    font-weight: 700;}
h5 {color: #ffffff;
        padding: 0rem 0rem 0rem 4rem;
        text-align: left;
        font-size: 14px;
        font-weight: 300;}
h6 {color: #FF38FA;
            
            font-size: 1.5rem;
            font-weight: 700;}
p {color: #8f1313;
            text-align: left;
            font-size: 14px;
            font-weight: 300;}

/*C0NT3N1D0*/
.galeria {
    display: flex;
    max-height: 432px;
    overflow-x: auto;}
.estatico{
    position: fixed;
    top: 1;}
.eventos {
    width: 11rem;
    height: 11rem;
    padding: 0rem 1rem 0rem 1rem;}
.contenido{
    margin: 0.5rem;
    max-height: 800px;
    overflow-x: auto;
    }
.seccion_1 {
    margin: 0rem;
    padding: 0rem;
}
.buttons {
    padding: 5rem;
    display: grid;
    grid-template-rows: auto;}

button {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}
.button1 {
    background: linear-gradient(90deg, #FF38FA 0%, #7A1D8E 68%);}
.button2 {
    background: linear-gradient(90deg, #38DBFF 0%, #FF38FB 100%);}   
.button3 {
        background: linear-gradient(180deg, #38DBFF 0%, #FF38FB 100%);
    width: 15rem;}  
button:hover {
    opacity: 80%;
}
.backg {
    max-width: 432px;
    }
.rotulo {
    margin: 2rem;
    display: block;
    padding: 0rem;
}
.bienvenido{
    background: linear-gradient(180deg, #000000 0%, #9C309A 50%, #33095E 100%);
    width: 432px;
    height: 932px;
    text-align: center;
    margin-top: 118px;
}
.texbien {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 300;
    text-align: center;
}
.imgbien {
    width: 35%;
}
.puntos1{
    width: 11px;
    height: 11px;
    background-color: #ffffff;
    border-radius: 50px;
    margin-top: 0px;
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 0px;
}
.puntos2{
    width: 11px;
    height: 11px;
    background-color: #FF38FA;
    border-radius: 50px;
    margin-top: 0px;
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 0px;
}
.puntos {
    display: flex;
    justify-content: center;
    align-content: center;
}