#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff;width:20%;min-width:500px;height:20%;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px}.profile-dropdown{margin-top:10px;position:absolute;display:flex;flex-direction:column;justify-content:center;gap:.5em;padding-left:3.8em;align-items:center;width:100%;height:12em;z-index:4;top:100;left:0;background-color:#fff}.mail-side{display:flex;gap:.5em;align-items:center}.profile-dropdown>p,div>p{color:#4b4b4b}.homepage-banner{background-image:url(https://res.cloudinary.com/dv9oyy79u/image/upload/v1722557204/kente1_vv5c2c.jpg)}.profile-button{fill:#4b4b4b}*{padding:0;margin:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#1d1d1f}.mouse{cursor:pointer}a{text-decoration:none;color:#000}.error{color:brown;min-height:30px;font-style:italic;font-size:14px}.events-container{display:flex;gap:10px;width:80%;height:20em;margin-top:2em}.image{width:100%;height:100%;border-radius:10px;max-width:100%;max-height:100%}.margin-top{margin-top:3em}.thumbnails-noname{width:120px;height:120px;border:2px solid var(--minimal-border);border-radius:6px}.event-flyer{width:25em}.nav-bar{display:flex;justify-content:space-between;align-items:center;position:relative;padding:1em;background-color:#fff}.nav-bar>div{color:#4b4b4b}.nav-bar>div>a{color:#4b4b4b}.margin-left{margin-left:60px}.margin-right{margin-right:60px}.ticket-icon{font-size:larger}.upcoming{width:100%;height:30em;background-color:#000;display:flex;align-items:center;justify-content:center}.upcoming>p{color:#fff;font-size:8em;font-weight:bolder;letter-spacing:.1em;text-align:center}.home-title{font-size:6em;background:linear-gradient(to right,yellow,orange,red);background-size:200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:move 5s linear infinite}.click{color:#4b4b4b;font-size:2em;font-weight:700}.click:hover,.nav-hover:hover{color:#1d1d1f;fill:#1d1d1f}.upcoming-events{position:relative}.slider-background{background-color:#000}.upcoming-events-h1 h1{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.day-month{background-color:#f0f8ff;height:4em;width:4em;min-width:64px;min-height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center}.day-month p{margin:0}.event-title{font-size:2em;font-weight:600}.title-date{display:flex;flex-direction:column;align-items:flex-start}.title-date p{margin:0}.home-page{width:90%;margin:4em auto;display:flex;flex-direction:column}.event-card-container{margin:3em auto;width:30vw;height:70vh;perspective:2000px;animation:float 3s ease-in-out infinite}.event-card-sub-container{position:relative;width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d;border-radius:1.5em;box-shadow:2em 2em 4em #4148545f}.event-card-container:hover{animation:none}.event-card-container:hover .event-card-sub-container{transform:rotateY(180deg);box-shadow:2em 2em 4em #4148545f}.event-card-front,.event-card-back{width:100%;height:100%;border-radius:1.5em;position:absolute;backface-visibility:hidden}.event-card-back{background-color:#000;transform:rotateY(180deg);overflow:auto;display:flex;flex-direction:column;align-items:center;padding:1.5em;gap:2em}.event-card-back>h1{font-size:3.6em;text-align:center;line-height:1em}.white{color:#d2d2d2}.fill-white{fill:#ededed}.event-description{text-align:justify}.event-image{width:100%;height:100%;border-radius:1.5em;min-width:100%}.event-time{display:flex;gap:1em}.event-display-left{display:flex;flex-direction:column;align-items:flex-start;margin-left:2em;gap:1em}.event-button{background-color:#0071e3;width:10%;height:30px;border:none;border-radius:14px;letter-spacing:1.5px;margin-top:1em;color:#f0f8ff}.event-button:hover{background-color:#208dfa;color:#f5f5f5}.event-top{margin-top:3em}.listing-title{text-align:center;font-size:6em}.listing-main-container{width:28vw;height:90%;perspective:3000px;display:inline-block;margin-right:1em}.listing-grid{white-space:nowrap;width:100%;height:60vh;overflow-x:auto}.listing-sub-container{position:relative;width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d;border-radius:1.5em;box-shadow:2em 2em 4em #4148545f}.listing-front,.listing-back{width:100%;height:100%;border-radius:10px;position:absolute;backface-visibility:hidden}.listing-back{background-color:#000;transform:rotateY(180deg);overflow:auto;display:flex;flex-direction:column;align-items:center;padding:1.5em;gap:2em}.listing-main-container:hover .listing-sub-container{transform:rotateY(180deg);box-shadow:2em 2em 4em #4148545f}.listing-grand-container{margin:1em 4em;text-align:center}.form-background{background:linear-gradient(-45deg,#ffda6c,#ff9c56,#ff8282);background-size:600% 600%;animation:gradient 8s ease infinite;min-height:100vh}.payment-form-background{background:linear-gradient(-45deg,#ffda6c,#ff9c56,#ff8282);background-size:600% 600%;animation:gradient 8s ease infinite;min-height:100vh;place-content:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-title{font-size:6em;color:#fff;text-shadow:.5px .5px 1px #ff4171}.form-container{width:40%;display:flex;flex-direction:column;align-items:center;gap:1em;margin:auto;padding:2em 0}.form{width:100%}.form-container h1{width:100%;text-align:center}input{width:100%;border:none;height:46px;padding:0 10px;background-color:#74ffff37;border-radius:8px}select{width:100%;border:none;height:40px;padding:0 10px;background-color:#74ffff37;border-radius:8px}label{color:#2a2a2a;letter-spacing:1.5px}.form-button{background-color:#0071e3;width:20%;height:30px;border:none;border-radius:14px;letter-spacing:1.5px;margin-top:1em;color:#f0f8ff}.form-button:hover{background-color:#208dfa;color:#f5f5f5}.log-button-container{margin:2em 0 1em;display:flex;align-items:center;gap:.5em;justify-content:flex-start}.log-button{background-color:transparent;border:none;border-radius:none;color:#acff2f69;font-size:.9em}.log-button:hover{color:#acff2f9d;text-decoration:underline}.log-button-diff{background-color:#f0f8ff;width:30%;height:30px;border:#74ffff 1px solid;border-radius:14px;letter-spacing:1.5px;margin-top:1em;color:#0071e3}.log-button-diff:hover{background-color:#208dfa;color:#f5f5f5}input::file-selector-button{background-color:#0071e3;width:20%;height:30px;border:none;border-radius:14px;letter-spacing:1.5px;margin-top:1em;color:#f0f8ff}.profile-page-icons{font-size:16em;position:relative}.profile-page-icons:hover{animation:none}.profile-page-icons:hover .actual-icon{fill:#fff;transition:fill 1s ease}@keyframes float{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translateY(-0px)}}.profile-icons-container{display:flex;justify-content:center;align-items:center;gap:4em}.icon-tooltip{position:absolute;color:#ffffff96;background-color:#1d1d1f;z-index:2;width:70%;height:10%;bottom:40%;font-size:1rem;opacity:0%;transition:opacity 1s ease;display:flex;justify-content:center;align-items:center;border-top-right-radius:.5em;border-bottom-right-radius:.5em}.real-container{display:flex;flex-direction:column;position:relative}.real-container:hover .icon-tooltip{opacity:100%}.icon-coming-soon{font-size:16em;color:#c9c9c9}.payment-container{display:flex;flex-direction:column;align-items:center;gap:1em;padding-top:4em;margin:auto}.cards-container{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.centre{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.payment-icon{font-size:10em;display:flex;align-items:center}.side{display:flex;align-items:center;gap:1em}.pay-button{background-color:#0071e3;width:100%;height:30px;border:none;border-radius:14px;letter-spacing:1.5px;margin-top:1em;color:#f0f8ff;padding:0 1em}.pay-button:hover{background-color:#208dfa;color:#f5f5f5}.landing-form-container{width:60%;display:flex;flex-direction:column;align-items:center}.cagliostro-regular{font-family:Cagliostro,sans-serif;font-weight:2000;font-style:normal}.lobster-two-bold{font-family:Lobster Two,sans-serif;font-weight:700;font-style:normal}.landing-image{width:70%;height:30%}.landing-container{background-image:url(https://res.cloudinary.com/dv9oyy79u/image/upload/v1722557204/kente1_vv5c2c.jpg);display:flex;flex-direction:column;width:100vw;height:100vh}.landing-form{background-color:#000000c7;width:40vw;padding:2em 4em;border-radius:1em}.landing-white{color:#f5f5f595;font-size:1em;font-family:Cagliostro,sans-serif}.landing-sub-title{text-align:center;font-size:1.5em}.landing-input{width:70%;height:2em;background-color:transparent;border-bottom:solid 1px rgba(245,245,245,.585);border-radius:0;caret-color:#fff;color:#fff}.landing-input:focus{outline:none;border-bottom:solid .5px white}.sign-up{color:#acff2f69;font-size:.9em}.sign-up:hover{color:#acff2f9d;text-decoration:underline}.landing-label-flex{display:flex;justify-content:space-between;align-items:flex-end}.landing-input-container{width:60%}.afrolive{color:#eaf0f6;text-align:center;font-size:12em}.background-screen{background-color:#000000b5;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.slider-image{width:75%;height:100%;max-height:400px;opacity:40%}.listed-page{display:flex}.manage{display:flex;flex-direction:column}.eigthy{width:200px}.loader{width:16px;height:16px;position:relative;left:-32px;border-radius:50%;color:#fff;background:currentColor;box-shadow:32px 0,-32px 0,64px 0}.loader:after{content:" ";position:absolute;left:-32px;top:0;width:16px;height:16px;border-radius:10px;background:rgb(172,255,47);animation:move 3s linear infinite alternate}@keyframes move{0%,5%{left:-32px;width:16px}15%,20%{left:-32px;width:48px}30%,35%{left:0;width:16px}45%,50%{left:0;width:48px}60%,65%{left:32px;width:16px}75%,80%{left:32px;width:48px}95%,to{left:64px;width:16px}}.list-item{list-style-type:none}.modal-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;gap:1em;align-items:center}.weeks{height:70em;width:90%;display:grid;align-items:center;grid-template-columns:repeat(7,1fr);grid-template-rows:auto}.weekNames{text-align:center;font-family:Cagliostro,sans-serif}.cal-header{display:flex;align-items:center;justify-content:space-between;width:40%}.cal-container{display:flex;flex-direction:column;align-items:center;gap:1em;padding:4em 0 2em}.cal-title{font-size:6em;height:2em;display:flex;align-items:center;justify-content:center;margin-bottom:.5em;color:#fff;font-family:Cagliostro,sans-serif;letter-spacing:.5em}.cal-days>p{color:#4b4b4b}.cal-events{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:1em;font-size:small}.cal-events>p{color:#4b4b4b}.cal-event-title:hover{color:#1d1d1f}.cal-days-back{position:absolute;visibility:hidden;width:100%;height:100%;background:linear-gradient(-45deg,#ff9c56,#ffd27e,#ffda6c,#ff4171);overflow:auto;border:6px solid white;padding:.4em;border-bottom:none;border-right:none}.month{font-family:Cagliostro,sans-serif;font-size:xx-large}.flip-container{height:100%}.flip-container:hover .flip-sub-container .cal-days{visibility:hidden}.flip-container:hover .flip-sub-container .cal-days-back{visibility:visible}.flip-sub-container{position:relative;width:100%;height:100%}.cal-days{position:absolute;border:6px solid white;height:100%;width:100%;text-align:right;padding:.4em;border-bottom:none;border-right:none;background-color:#f7f7f7}.cal-event-sub{margin:1em 0;display:flex;gap:1em;width:96%;border-top-left-radius:2em;border-bottom-right-radius:2em;border-bottom-left-radius:2em}.cal-side{width:100%;display:flex;gap:.2em}.cal-event-lower{align-self:center;display:flex;flex-direction:column;gap:.2em}.card-title{text-align:center;font-size:6em;margin-bottom:2%}.card-main-container{width:40vw;height:40vh;perspective:3000px;display:inline-block;margin-right:1em}.card-grid{white-space:nowrap;width:100%;height:50vh;overflow-x:auto}.card-sub-container{position:relative;width:100%;height:100%;transition:transform 1s;transform-style:preserve-3d;border-radius:1.5em;box-shadow:2em 2em 4em #4148545f}.card-front,.card-back{width:100%;height:100%;border-radius:10px;position:absolute;backface-visibility:hidden}.card-front{background:linear-gradient(-45deg,#ff9c56,#ffd27e,#ffda6c,#ff4171)}.card-back{background-color:#000;transform:rotateY(180deg);overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5em;gap:2em}.card-main-container:hover .card-sub-container{transform:rotateY(180deg);box-shadow:2em 2em 4em #4148545f}.card-grand-container{margin:1em 4em;text-align:center}.card-button{width:20vw;border:none;border-radius:14px;letter-spacing:1.5px;margin-top:1em;color:#f0f8ff;padding:0 1em;height:30px;background-color:#0071e3}.card-button:hover{background-color:#208dfa;color:#f5f5f5}.card-name{font-size:2em}