#updateForm{display:flex;flex-direction:column;gap:30px;align-items:center;width:100svw}#updateForm button{width:130px;height:60px;font-size:40px;border-radius:30px}@media (max-width: 784px){#updateForm{position:relative;top:10px}}@media (max-width: 688px){#updateForm{position:relative;top:20px}}#registerFormcustomer{display:flex;position:relative;flex-direction:column;width:100svw;align-items:center;gap:var(--spacing-md);align-content:center;padding:0 20px;box-sizing:border-box}.registerdiv{display:flex;width:100svw;top:10px;position:relative;flex-direction:column;box-sizing:border-box}#registerFormcustomer input{background-color:#000;text-align:center;width:100%;max-width:500px;height:50px;font-size:30px;border-radius:30px;border:2px solid white;color:wheat;box-sizing:border-box}#registerFormcustomer button{width:130px;height:40px;font-size:30px;border-radius:30px}@media (max-width: 784px){.registerdiv{top:10px}}@media (max-width: 644px){.registerdiv{top:20px}}.eventdiv{display:flex;width:100svw;flex-wrap:wrap;justify-content:center;gap:60px;padding:var(--spacing-xl);position:relative}.par_event{position:relative;width:400px;height:400px;overflow:hidden;border-radius:30px}.par_event img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}h3,h4,p{color:beige}.description{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;color:wheat;padding:20px;box-sizing:border-box;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.description p{font-size:25px}.join{width:100px;height:60px;font-size:30px;border-radius:30px;position:relative;top:10px;background-color:beige}.par_event:hover img{opacity:0}.par_event:hover .description{opacity:1;pointer-events:auto}@media (max-width: 893px){.eventdiv{top:10px}}@media (max-width: 709px){.eventdiv{top:20px}}@media (max-width: 637px){.eventdiv{top:30px}.description{height:500px}.description p{font-size:15px}.join{height:40px;font-size:20px;top:5px}}.home{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background-color:#000;width:100svw;padding:0;position:relative;top:10px}.tittle{font-size:50px;color:#8a2be2;width:100svw;text-align:center;padding:30px;min-width:300px}.imagediv{width:60%;height:400px;position:relative;top:30px;animation:backgroundchange 10s infinite step-end}@keyframes backgroundchange{0%{background-image:url(/assets/celebrate.png);background-repeat:no-repeat;background-size:contain}50%{background-image:url(/assets/pexels-cottonbro-3171837.jpg);background-repeat:no-repeat;background-size:cover;border-radius:30px}}@media (max-width: 900px){.home{position:absolute;top:10px}.tittle{font-size:50px}}@media (max-width: 645px){.home{position:absolute;top:0}.tittle{font-size:50px}}.deleteattende{display:flex;flex-direction:column;width:100svw;align-items:center;position:relative;top:10px}.deleteattende ul{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.deleteattende div{display:flex;text-align:center;flex-direction:row;width:500px;gap:20px}.deleteattende div button{width:130px;font-size:30px;border-radius:30px}.deleteattende ul{display:flex;text-align:center;flex-direction:column;width:500px;gap:20px}.deleteattende li{color:beige;text-align:center;width:300px}@media (max-width: 724px){.deleteattende{top:10px}}@media (max-width: 554px){.deleteattende{top:20px}.deleteattende div{width:300px}}.errordiv{width:100svw;position:relative;top:10px;font-size:40px}.errordiv ul{width:100svw;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;align-content:center;gap:20px;padding:30px}.errordiv li{padding:30px;color:beige;font-size:30px;width:400px;min-width:300px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.errordiv li:hover{transform:scale(1.1);box-shadow:0 4px 8px #ce202033}@media (max-width: 660px){.errordiv{top:20px}}#description{min-width:300px;width:420px;border-radius:30px;height:60px;background-color:#000;color:beige;border:2px solid white;position:relative;font-size:30px;text-align:center}#eventimg{text-align:center;padding-left:10px;padding-top:10px}#eventForm .hidden-input{display:none}#eventForm button{width:100px;height:50px;font-size:30px;border-radius:30px}#eventForm{display:flex;flex-direction:column;width:80svw;justify-content:center;position:relative;gap:30px;flex-wrap:wrap;align-items:center;padding:30px}#eventForm input{width:420px;height:60px}label{color:beige;display:block}#messageevent{font-size:40px;padding:30px 30px 50px;width:100svw;text-align:center}@media (max-width: 640px){#eventForm{top:20px;position:relative}#eventForm input{width:260px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deleteevent{position:relative;top:10px;flex-direction:column;display:flex;width:100svw;align-items:center;padding:30px}.deleteevent p,p{font-size:50px;padding:30px}.deleteevent button{width:130px;height:50px;font-size:40px;border-radius:30px}@media (max-width: 664px){.deleteevent{position:relative;top:20px}.errorp{position:relative;top:200px}}#eventlist{position:relative;top:90px;display:flex;justify-content:center;width:80svw;color:beige;font-size:60px;flex-direction:column;align-items:center}#listevent{padding-top:30px;width:500px;color:beige}#listevent ul{width:500px;display:flex;align-items:center;flex-direction:column}#listevent li{color:beige;font-size:50px}#eventorganizer{width:420px;height:60px;border-radius:30px;background-color:#000;color:beige;border:2px solid white;position:relative;font-size:30px;text-align:center}#description{height:fit-content}.inform{font-size:30px;position:relative;width:420px;text-align:justify;min-width:300px}option{color:beige}#eventForm{display:flex;flex-direction:column;width:100vw;justify-content:center;position:relative;padding:40px;flex-wrap:wrap;align-items:center}#eventorganizer{display:block}#eventForm button{position:relative}#eventForm input,#eventForm select,#eventForm textarea{width:420px;height:60px;margin:10px 0}#eventimg{text-align:center}label{color:beige;display:block;text-align:center}#messageevent{margin-top:20px;text-align:center;position:relative;top:200px;width:100svw;display:flex;justify-content:center}@media (max-width: 820px){#eventlist{position:relative;top:100px}}@media (max-width: 640px){#eventlist{position:relative;top:50px}#eventForm input,#eventForm select,#eventForm textarea{width:260px}.inform{width:300px}}.updatediv{position:relative;top:10px;width:100svw;display:flex;flex-direction:column;align-items:center}.updatediv p{font-size:50px}select{background-color:#000;width:500px;font-size:20px;color:beige}#userFormm label{color:beige}#role{width:300px;height:60px;border:2px solid white;border-radius:30px;position:relative}#userFormm button{position:relative;width:130px;height:50px;font-size:40px;border-radius:30px}#userFormm div{display:flex;flex-direction:column;gap:30px;width:100svw;align-items:center;align-content:center;position:relative}.updatediv option{width:200px}label{color:beige}.errormessage{position:relative;color:#6200ff;font-size:50px;top:100px;text-align:center;padding-bottom:90px}@media (max-width: 750px){.updatediv,#userFormm div,.errormessage{top:10px}}@media (max-width: 640px){.updatediv{top:20px}.updatediv select{width:320px}#userFormm div{top:10px}.errormessage{top:20px}}.admin_function{position:relative;top:100px;width:100svw;display:flex;flex-wrap:wrap;gap:30px;padding:30px;justify-content:center}.admin_function button{width:200px;height:100px;font-size:40px;font-weight:bolder;border-radius:30px}@media (max-width: 648px){.admin_function{top:20px}}.logindiv form{display:flex;flex-direction:column;width:100svw;align-items:center;flex-wrap:wrap;gap:30px}#messageLogin{font-size:50px;padding:30px;text-align:center}#loginForm button{width:130px;height:60px;font-size:40px;border-radius:30px}.logindiv{width:100svw;display:flex;align-items:center;flex-direction:column}input{width:400px}.admin_button{position:absolute;right:60px;top:59px;z-index:2;width:130px;height:60px;font-size:40px;border-radius:30px}.welcomelog{position:relative;font-size:50px;top:150px;padding:30px}span{font-weight:bolder;font-size:90px;font-style:oblique}@media (max-width: 900px){.admin_button{top:50px;right:150px;position:fixed}.logindiv{top:10px;position:relative}}@media (max-width: 640px){.logindiv{top:20px;position:relative}}@media (max-width: 560px){.logindiv{top:25px;position:relative}.welcomelog{top:20px}}@media (max-width: 538px){.admin_button{width:80px;position:fixed;font-size:18px;height:50px;right:130px;top:40px}}#registerForm{display:flex;flex-direction:column;width:100svw;top:-30px;justify-content:center;position:relative;gap:30px;align-content:center;flex-wrap:wrap;padding:10px}input{background-color:#000;text-align:center;width:100%;max-width:500px;height:50px;font-size:30px;border-radius:30px;border:2px solid white;color:wheat;box-sizing:border-box}label{display:none}#userregister{position:relative;left:120px;width:180px;height:60px;font-size:40px;border-radius:30px}#messageContainer{position:relative;top:50px;display:flex;align-items:center;flex-direction:column;padding:20px;font-size:30px;gap:30px}.loading-container{display:flex;justify-content:center;align-items:center;top:40px}.loading-container img{width:500px;height:300px}#messageContainer button{width:130px;height:40px;font-size:30px;border-radius:30px}@media (max-width: 700px){#registerForm{top:0}#messageContainer{top:80px}}header{width:100%;display:flex;position:fixed;top:0;z-index:2;flex-direction:row;flex-wrap:wrap;gap:10px;padding:var(--spacing-md);background-color:#000}.logo{width:200px;height:150px;border-radius:50px}.ulcontainer{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:60svw;gap:var(--spacing-l);padding:var(--spacing-xl);min-width:350px}.menu_desplagable{width:200px;height:150px;border-radius:50px;display:none}a{color:bisque}li{font-size:30px;transition:transform .3s ease,box-shadow .3s ease}li:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.active{color:red;text-decoration:none}@media (max-width: 900px){.menu_desplagable{display:block;height:100px;width:100px;position:absolute;right:10px;cursor:pointer}.ulcontainer{display:none;flex-wrap:wrap;justify-content:space-evenly;width:60svw;gap:var(--spacing-l);padding:var(--spacing-xl);min-width:350px}.menu_vertical{display:flex;flex-direction:column;gap:var(--ppk-gap-m);height:500px;width:100%;background-color:#60684c;overflow:hidden;text-align:center;position:absolute;top:150px;right:0;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.menu_vertical.show{opacity:1;transform:translateY(0)}.menu_vertical.hide{opacity:0;transform:translateY(-20px)}}@media (max-width: 540px){.logo{width:100px;height:90px}.menu_desplagable{width:70px;height:50px;position:absolute;top:40px;right:10px}}:root{--primary-light: #faf9f6;--primary-dark: #242424;--spacing-xl: 50px;--spacing-lg: 30px;--spacing-md: 20px;--spacing-sm: 10px;--spacing-xs: 5px;--radius-sm: 5px;--radius-md: 15px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0;list-style:none;color:#000;font-family:Dancing Script}a{text-decoration:none}body{background-color:#000;overflow-x:hidden}#app{position:relative;top:270px;padding:0;left:0;width:100%}