@font-face{font-family:Lobster;font-style:normal;src:url(/assets/Lobster-Regular-B8J5ApJ6.ttf)}*{box-sizing:border-box;border:0;margin:0;padding:0;list-style:none;font-weight:400;text-decoration:none}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-color:#f2f3f1}body #app{display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding-top:48px}.profile-picture{border-radius:100%;object-fit:contain}button{cursor:pointer}.invisible{display:none!important}header nav ul #login-link,header nav ul #register-link,header nav ul #profile-link .profile-picture{padding:5px 10px;background-color:#f2f3f1;border:1px solid #9ab7a2;border-radius:20px}header nav ul #login-link:hover,header nav ul #register-link:hover,header nav ul #profile-link .profile-picture:hover{background-color:#b3c7c4}header{background-color:#d3e4e1;position:fixed;z-index:10;top:0;left:0;right:0}header nav ul{margin:auto;max-width:900px;display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:5px 20px}header nav ul .navOption{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:15px;color:#6a4c93;font-weight:800}header nav ul #profile-link .profile-picture{width:40px;height:40px;padding:0}header nav ul li:first-of-type{margin-right:auto}header nav ul li:first-of-type #home-link h1{font-family:Lobster,Georgia,serif;font-size:30px;background:linear-gradient(to right,#2f1e4d,#6a4c93);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#2f1e4d}@media (max-width: 400px){header nav ul{padding-right:5px;gap:1px}}@media (max-width: 270px){header nav ul #login-link,header nav ul #register-link{padding-right:5px;padding-left:5px}}.error-div{animation:fadeIn .5s ease forwards}.error-div.temporary{animation:fadeIn .5s ease forwards,fadeOut .5s ease forwards 1.5s}.error-div{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12.5px;margin:auto;color:#5c5c5c;background-color:#ffc5c5;border-radius:10px;padding:5px;border:1px solid #f2f3f1;width:fit-content;height:fit-content;text-align:center;z-index:15}.error-div.popup{display:flex;align-items:center;gap:3px;padding:1px 1px 1px 5px}.error-div.popup .close-button{padding:1px;border-radius:100%;border:1px solid #f2f3f1;color:#5c5c5c;font-weight:700}.error-div.popup .close-button:hover{background-color:#ffc5c5}.loader.circle{margin:auto;border:5px solid #f2f3f1;border-bottom-color:#d3e4e1;border-radius:100%;position:absolute;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success.temporary{animation:fadeIn .5s ease forwards,fadeOut .5s ease forwards 1.5s}.success{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12.5px;margin:auto;color:#5c5c5c;background-color:#c5ffc7;border-radius:10px;padding:5px;border:1px solid #f2f3f1;width:fit-content;height:fit-content;text-align:center;position:absolute;z-index:15;top:100px;left:0;right:0}.success.lowerview{top:50px}.event-article .edit-button{padding:5px 10px;background-color:#f2f3f1;border:1px solid #9ab7a2;border-radius:20px}.event-article .edit-button:hover{background-color:#b3c7c4}.event-article .content-wrapper .creator-section{display:flex;align-items:center;border-radius:20px;padding-right:5px;width:fit-content;cursor:pointer}.event-article .content-wrapper .creator-section .profile-picture{width:30px;height:30px;background-color:#f2f3f1;margin:3px 0 3px 3px;border:2px solid #f2f3f1;z-index:1}.event-article .content-wrapper .creator-section .username{background-color:#f2f3f1;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:5px;margin-left:-5px;color:#6a4c93}.event-article .content-wrapper .creator-section:not(.user),.event-article .content-wrapper>a h3{transition:transform .2s ease}.event-article .content-wrapper .creator-section:hover:not(.user),.event-article .content-wrapper>a h3:hover{transform:scale(1.1)}.event-article{animation:fadeIn .5s ease forwards}.event-article{height:320px;position:relative;display:flex;flex-direction:column;width:230px;gap:15px;background-color:#d3e4e1;border:5px solid #f2f3f1;border-radius:15px;padding:10px;font-size:10px;color:#5c5c5c}.event-article:has(.img-wrapper:hover) .category{opacity:0}.event-article .img-wrapper .img{height:150px;width:200px;object-fit:contain;background-color:#f2f3f1;border-radius:10px;border:5px solid #f2f3f1}.event-article .content-wrapper{display:flex;flex-direction:column;height:100%;gap:10px}.event-article .content-wrapper>a{cursor:default}.event-article .content-wrapper>a h3{cursor:pointer;margin:0 5px;width:fit-content;text-align:left;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left;width:190px}.event-article .content-wrapper .category{text-transform:capitalize;background-color:#f2f3f1;padding:0 5px;border-radius:10px;border:5px solid #b3c7c4;position:absolute;top:15px;left:15px;opacity:1;transition:opacity .3s ease}.event-article .content-wrapper .date{background-color:#9ab7a2;width:fit-content;padding:0 5px;border-radius:10px;color:#fff}.event-article .content-wrapper .address{background-color:#f2f3f1;padding:0 5px;border-radius:10px;font-style:italic;width:fit-content}.event-article .content-wrapper .description{margin:0 5px;display:none}.event-article .content-wrapper .creator-section{margin-top:auto;background-color:#e8c6a1}.event-article .content-wrapper .creator-section:not(.user){transform-origin:left}.event-article .content-wrapper .creator-section.user{cursor:initial;filter:opacity(.6)}.event-article .edit-button{position:absolute;bottom:15px;right:10px;color:#2f1e4d}.event-article .error-div.popup{position:absolute;bottom:-160px;left:-50px}.event-wrapper{display:flex;flex-direction:column;align-items:center}.event-wrapper .event-article.detail{flex-direction:row;align-items:center;width:fit-content;max-width:600px;margin:25px auto;font-size:12.5px;gap:15px;height:fit-content}.event-wrapper .event-article.detail .img-wrapper .img{height:225px;width:300px}.event-wrapper .event-article.detail .content-wrapper{padding:15px 5px}.event-wrapper .event-article.detail .content-wrapper a h3{font-size:15px;cursor:default;transition:none;white-space:initial;overflow:initial;text-overflow:initial;width:auto}.event-wrapper .event-article.detail .content-wrapper a h3:hover{transform:none}.event-wrapper .event-article.detail .content-wrapper .category{top:calc(50% - 110px)}.event-wrapper .event-article.detail .content-wrapper .description{display:block}.event-wrapper .event-article.detail .content-wrapper .creator-section .username{margin-left:-7px;padding-left:7px}.event-wrapper .event-article.detail .error-div.popup{position:absolute;bottom:3px;left:330px}@media (max-width: 620px){.event-wrapper .event-article.detail{flex-direction:column}.event-wrapper .event-article.detail .content-wrapper{width:300px}.event-wrapper .event-article.detail .content-wrapper .category{top:15px;left:15px}.event-wrapper .event-article.detail .edit-button{bottom:30px}}@media (max-width: 350px){.event-wrapper .event-article.detail .content-wrapper{width:100%}.event-wrapper .event-article.detail .img-wrapper img{width:100%!important;height:fit-content!important}}.form fieldset .form-group .error-div{animation:fadeIn .5s ease forwards,fadeOut .5s ease forwards 1.5s}.blur-div{position:fixed;inset:48px 0 51px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.form-wrapper{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border:1px solid #d3e4e1;border-radius:20px;background-color:#f2f3f1}.form{border:5px solid #b3c7c4;margin:auto;width:fit-content;border-radius:20px;padding:25px 10px 10px;position:relative}.form .edit-message{position:absolute;font-size:15px;top:35px;font-weight:700;color:#5c5c5c;background-color:#e8c6a1;border-radius:20px}.form fieldset{display:flex;flex-direction:column;width:fit-content;align-items:center;position:relative;font-size:15px;text-align:center;gap:5px;background-color:#d3e4e1;padding:20px;border-radius:20px;color:#6a4c93}.form fieldset legend{text-transform:capitalize;background-color:#d3e4e1;font-size:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#2f1e4d;padding:10px;border-radius:15px;position:absolute;top:-50px;display:block;width:fit-content;text-align:center}.form fieldset .form-group{position:relative;display:flex;flex-direction:column;gap:10px;width:100%}.form fieldset .form-group label{text-transform:capitalize;font-weight:700;background-color:#f2f3f1;border-radius:15px;padding:1px 5px;border:1px solid #9ab7a2}.form fieldset .form-group input,.form fieldset .form-group select,.form fieldset .form-group textarea{border-radius:15px;text-align:center;font-size:15px;font-family:Arial,Helvetica,sans-serif;padding:1px;margin-bottom:10px;color:#2f1e4d;background-color:#f2f3f1}.form fieldset .form-group input:focus,.form fieldset .form-group select:focus,.form fieldset .form-group textarea:focus{border:1px solid #b3c7c4;outline:none}.form fieldset .form-group input[type=file],.form fieldset .form-group select[type=file],.form fieldset .form-group textarea[type=file]{border-top-left-radius:0;border-bottom-left-radius:0;width:210px}.form fieldset .form-group .error-div{position:absolute;top:31.5px;left:0;right:0;width:100%;background-color:#ffc5c5;padding:1px 5px}.form fieldset button{font-size:20px;color:#6a4c93;background-color:#f2f3f1;border-radius:25px;width:30px;height:30px;border:1px solid #9ab7a2}.form fieldset button:hover{background-color:#e8c6a1}.form>.error-div{position:absolute;bottom:-20px;left:0;right:0}.form .loader.circle{width:30px;height:30px;bottom:30px;left:0;right:0;background-color:#e8c6a1;border-bottom-color:#6a4c93}.hider{position:fixed;background-color:#f2f3f1;left:calc(50% + 395px);top:50%;transform:translateY(-50%);width:50px;height:50px;z-index:1}.event-form{margin-top:20px;max-width:500px;width:100%;z-index:2}.event-form fieldset{width:100%;align-items:flex-start;text-align:initial}.event-form fieldset .form-group label{width:fit-content}.event-form fieldset .form-group input,.event-form fieldset .form-group textarea,.event-form fieldset .form-group select{text-align:initial}.event-form fieldset .form-group input:not(#image),.event-form fieldset .form-group textarea:not(#image),.event-form fieldset .form-group select:not(#image){padding-left:5px}.event-form fieldset .form-group input#description,.event-form fieldset .form-group textarea#description,.event-form fieldset .form-group select#description{height:100px}.event-form fieldset .form-group input#category,.event-form fieldset .form-group input #category option,.event-form fieldset .form-group textarea#category,.event-form fieldset .form-group textarea #category option,.event-form fieldset .form-group select#category,.event-form fieldset .form-group select #category option{text-transform:capitalize}.event-form fieldset .form-group:nth-of-type(3){margin-top:40px}.event-form fieldset .form-group:nth-of-type(5){margin-bottom:15px}.event-form .location{position:absolute;left:30px;width:fit-content;top:190px;text-align:center;color:#6a4c93;font-size:15px;text-transform:capitalize;background-color:#f2f3f1;border-radius:15px;padding:1px 5px;border:1px solid #9ab7a2}.event-form .loader.circle{left:calc(100% - 90px)}.event-form button{align-self:end}@media (max-width: 920px){.hider{left:initial;right:15px}}@media (max-width: 310px){.form-wrapper,.form,.form fieldset{padding-right:5px;padding-left:5px}.form-wrapper .form-group,.form .form-group,.form fieldset .form-group{width:calc(100vw - 50px)}.form-wrapper .form-group input[type=file],.form .form-group input[type=file],.form fieldset .form-group input[type=file]{width:calc(100vw - 50px);font-size:10px}.event-form.edit_event fieldset{padding-top:80px!important}}@media (max-width: 266px){.login .form-group:first-of-type .error-div{top:48.5px}}.delete-div .confirmation-div .yes,.delete-div .confirmation-div .no,.delete-div .delete-button{padding:5px 10px;background-color:#f2f3f1;border:1px solid #9ab7a2;border-radius:20px}.delete-div .confirmation-div .yes:hover,.delete-div .confirmation-div .no:hover,.delete-div .delete-button:hover{background-color:#b3c7c4}.delete-message{position:absolute;font-size:15px;font-weight:700;max-width:80%;color:#5c5c5c;background-color:#e8c6a1;border-radius:20px;padding:5px 10px;bottom:-40px}.delete-div{font-size:12.5px;position:absolute;bottom:-40px;left:130px;width:50%}.delete-div .delete-button{color:#2f1e4d}.delete-div .confirmation-div{text-align:center;position:absolute;top:0;color:#5c5c5c;background-color:#f2f3f1;padding:5px;border-radius:10px;border:1px solid #e8c6a1}.delete-div .confirmation-div p{margin-bottom:5px}.delete-div .confirmation-div .yes{background-color:#ffc5c5;margin-right:5px}.delete-div .confirmation-div .no{background-color:#c5ffc7}.user-form.edit_profile{margin-bottom:50px}.user-form.edit_profile .edit-message{text-align:center;left:50%;transform:translate(-50%);width:200px;padding:1px}.user-form.edit_profile fieldset{padding-top:60px}.user-form.edit_profile .delete-div{left:135px}.user-profile-section .log-out-button,.user-profile-section .edit-button{padding:5px 10px;background-color:#f2f3f1;border:1px solid #9ab7a2;border-radius:20px}.user-profile-section .log-out-button:hover,.user-profile-section .edit-button:hover{background-color:#b3c7c4}.user-profile-section{max-width:900px;margin:auto auto 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.user-profile-section.shrink{max-width:fit-content}.user-profile-section article{width:fit-content;border:5px solid #d3e4e1;border-radius:20px;padding:0 10px 10px;display:flex;flex-direction:column;color:#2f1e4d}.user-profile-section article .profile-picture{width:90px;height:90px;border:#b3c7c4 solid 1px;margin-top:5px}.user-profile-section article .username,.user-profile-section article .email-address{font-size:15px}.user-profile-section .edit-button{width:fit-content;margin-top:10px;margin-left:-5px;font-size:15px;color:#2f1e4d}.user-profile-section .log-out-button{font-size:20px;white-space:nowrap;color:#5c5c5c}.attendance .attend-button{padding:5px 10px;background-color:#f2f3f1;border:1px solid #9ab7a2;border-radius:20px}.attendance .attend-button:hover{background-color:#b3c7c4}.attendance ul li{display:flex;align-items:center;border-radius:20px;padding-right:5px;width:fit-content;cursor:pointer}.attendance ul li .profile-picture{width:30px;height:30px;background-color:#f2f3f1;margin:3px 0 3px 3px;border:2px solid #f2f3f1;z-index:1}.attendance ul li .username{background-color:#f2f3f1;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:5px;margin-left:-5px;color:#6a4c93}.attendance ul li{transition:transform .2s ease}.attendance ul li:hover{transform:scale(1.1)}.attendance{position:relative;display:flex;flex-direction:column;gap:10px;align-items:center;max-width:600px;padding:10px;border-radius:10px;border:5px solid #d3e4e1;max-width:100%}.attendance h4{font-size:12.5px;font-weight:700;color:#5c5c5c}.attendance.blur :not(.error-div,.error-text,h4){filter:blur(2px);opacity:.9;pointer-events:none}.attendance .error-div{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;white-space:nowrap;top:0;bottom:0;z-index:1}.attendance .error-div.failed{top:calc(100% - 50px)}.attendance .empty-message{padding:5px;border-radius:10px;border:1px solid #e8c6a1;margin-bottom:10px;font-size:12.5px;color:#5c5c5c}.attendance ul{overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;max-width:100%;gap:10px;padding:5px;border-radius:10px;border:1px solid #e8c6a1;margin-bottom:10px}.attendance ul::-webkit-scrollbar{background-color:transparent;height:5px}.attendance ul::-webkit-scrollbar-thumb{background-color:#d3e4e1;border-radius:20px}.attendance ul li{display:flex;align-items:center;font-size:10px;background-color:#d3e4e1}.attendance ul li.current-user{filter:grayscale(.5);pointer-events:none}.attendance ul li.current-user .username{font-weight:700}.attendance .attend-button{color:#6a4c93;font-weight:700;height:30px}.attendance .attend-button.attending{background-color:#c5ffc7;pointer-events:none}.attendance .loader.circle{width:30px;height:30px;background-color:#b3c7c4;box-shadow:0 0 0 5px #b3c7c4;border-bottom-color:#e8c6a1;bottom:10px}.event-form.edit_event{margin-bottom:50px}.event-form.edit_event .edit-message{max-width:80%;padding:5px 5px 5px 10px;left:30px}.event-form.edit_event fieldset{padding-top:60px}.events-section{position:relative}.events-section.shrink{max-width:fit-content;margin:auto}.events-section .title-wrapper{max-width:900px;margin:auto}.events-section .title-wrapper .title-div{padding:5px;display:flex;align-items:center;gap:5px;background-color:#d3e4e1;border-radius:20px;width:fit-content}.events-section .title-wrapper .title-div .profile-picture{background-color:#f2f3f1;height:60px;width:60px}.events-section .title-wrapper .title-div h2{font-size:15px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#5c5c5c}.events-section .title-wrapper .title-div h2 span{font-weight:700}.events-section ul{max-width:900px;min-height:365px;display:flex;overflow-x:auto;gap:25px;margin:10px auto;padding:15px;border-radius:20px;background-color:#e8c6a1;border:1px solid #e8c6a1;position:relative}.events-section ul::-webkit-scrollbar{background-color:transparent}.events-section ul::-webkit-scrollbar-thumb{border:#e8c6a1 5px solid;height:10px;background-color:#f2f3f1;border-radius:20px}.events-section ul .success{background-color:#d3e4e1;top:0;bottom:0}.events-section .error-div{position:absolute;top:50%;left:0;right:0}.events-section .loader.circle{top:47%;left:0;right:0;width:50px;height:50px}.filter-section .filter-button{padding:5px 10px;background-color:#f2f3f1;border:1px solid #9ab7a2;border-radius:20px}.filter-section .filter-button:hover{background-color:#b3c7c4}.filter-section{margin:5px auto;max-width:900px;display:flex;align-items:center;gap:5px}.filter-section.error{opacity:.5;pointer-events:none;transition:opacity .1s ease}.filter-section ul{display:flex;justify-content:flex-start;gap:25px;width:fit-content;padding:15px;border-radius:20px;background-color:#d3e4e1}.filter-section ul li{display:flex;align-items:center;gap:5px;background-color:#f2f3f1;padding:5px;border-radius:10px}.filter-section ul li label{color:#5c5c5c;font-size:12.5px;font-weight:600}.filter-section ul li select{cursor:pointer;background-color:#f2f3f1;color:#5c5c5c;border-radius:20px;font-size:12.5px;text-transform:capitalize}.filter-section .filter-button{color:#5c5c5c;font-size:12.5px;height:fit-content}@media (max-width: 380px){.filter-section{justify-content:center}.filter-section ul{flex-direction:column}}main{margin:auto 10px;padding:20px 0;position:relative}main>.error-div.profile{position:absolute;left:0;right:0;top:0}main>.loader.circle{width:30px;height:30px;left:0;right:0;top:40px;border-color:#d3e4e1;background-color:#f2f3f1;border-bottom-color:#e8c6a1;box-shadow:0 0 0 10px #f2f3f1}footer{height:fit-content;background-color:#d3e4e1;padding:20px;color:#6a4c93;text-align:end;font-size:10px;margin-top:auto}footer p{max-width:900px;margin:auto;padding:0 20px}footer p span{font-weight:700}.event-creation-wrapper{position:fixed;left:calc(50% + 395px);top:50%;transform:translateY(-50%)}.event-creation-wrapper .creation-button{border-radius:100%;border:5px solid #b3c7c4;background-color:#f2f3f185;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:50px;height:50px;color:#6a4c93;font-size:20px;font-weight:800;position:relative;z-index:1}.event-creation-wrapper .creation-button:hover{border-color:#e8c6a1}.event-creation-wrapper .creation-button:hover+span{display:block;position:absolute}.event-creation-wrapper span{display:none;font-size:12.5px;font-weight:700;color:#6a4c93;background-color:#f2f3f185;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:10px 0 0 10px;padding:5px 10px 5px 5px;white-space:nowrap;top:50%;transform:translateY(-50%);right:43px;border:5px solid #e8c6a1;border-right:none}.event-creation-wrapper .error-div{position:absolute;white-space:nowrap;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 920px){.event-creation-wrapper{left:initial;right:15px}}