*{margin:0;padding:0}.welcomepage{background-color:#ff4500;background-image:url(/assets/%E2%80%94Pngtree%E2%80%94back%20to%20school%20doodle%20border_19449399-B-7XTIc5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:100vh;display:flex}.welcomepic{background-image:url(/assets/image-Cjam_le6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:40%;height:40vh}.Welcomeheading{color:gold;justify-content:center;align-items:center;width:80%;height:10vh;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;display:flex}.Welcomeheading h1{background-color:#000;padding:4px 30px}.welcomeloginbtn{justify-content:space-evenly;align-items:center;width:50%;height:15vh;display:flex}.Login{background-color:#fff;border:2px solid #ff4500;border-radius:10px;justify-content:center;align-items:center;width:150px;height:7vh;transition:all .3s;display:flex}.register{border:2px solid gold}a{color:#000;text-decoration:none}.Login:hover{color:#fff;background-color:#ff4500;border:2px solid #fff;box-shadow:4px 8px #000}.register:hover{color:#fff;background-color:gold;border:2px solid #fff;box-shadow:4px 8px #000}.Loginpage{background-image:url(https://t3.ftcdn.net/jpg/02/23/24/00/360_F_223240002_6GAvK9B0uB4v5wGIkEiAUAOun4C4hwGd.jpg);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.Loginbox{background-color:#000;border:2px solid #fff;border-radius:40px;flex-direction:column;justify-content:space-evenly;align-items:center;width:33%;height:75%;transition:all .2s;display:flex;position:relative;box-shadow:2px 2px 40px #000}label{color:#f5f5f5;font-size:20px}.Loginbox h1{color:#f5f5f5}.brutalist-container{width:250px;font-family:monospace;position:relative}.brutalist-input{color:#000;background-color:#fff;border:4px solid #000;border-radius:0;outline:none;width:100%;padding:15px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:5px 5px #000,10px 10px #4a90e2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.brutalist-input:focus:after{content:"";z-index:-1;background:#fff;position:absolute;inset:-2px}.brutalist-input:focus:before{content:"";z-index:-2;clip-path:inset(0 100% 0 0);background:#000;width:100%;height:100%;animation:4s steps(2,end) infinite glitch-slice;position:absolute;top:0;left:0}@keyframes glitch-slice{0%{clip-path:inset(0 100% 0 0)}10%{clip-path:inset(0 5% 0 0)}20%{clip-path:inset(0 80% 0 0)}30%{clip-path:inset(0 10% 0 0)}40%{clip-path:inset(0 50% 0 0)}50%{clip-path:inset(0 30% 0 0)}60%{clip-path:inset(0 70% 0 0)}70%{clip-path:inset(0 15% 0 0)}80%{clip-path:inset(0 90% 0 0)}90%{clip-path:inset(0 5% 0 0)}to{clip-path:inset(0 100% 0 0)}}.brutalist-label{color:#fff;z-index:1;background-color:#000;padding:5px 10px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:-35px;left:-3px;transform:rotate(-1deg)}.brutalist-input:focus+.brutalist-label{background-color:#4a90e2;transform:rotate(0)scale(1.05)}.smooth-type{position:relative;overflow:hidden}.smooth-type:before{content:"";z-index:1;opacity:0;background:linear-gradient(90deg,#fff 0%,#fff0 100%);transition:opacity .3s;position:absolute;inset:0}.smooth-type:focus:before{opacity:1;animation:2s linear infinite type-gradient}@keyframes type-gradient{0%{background-position:300px 0}to{background-position:0 0}}.brutalist-input::placeholder{color:#888;transition:color .3s}.brutalist-input:focus::placeholder{color:#0000}.brutalist-input:focus{animation:4s cubic-bezier(.25,.8,.25,1) infinite focus-pulse}@keyframes focus-pulse{0%,to{border-color:#000}50%{border-color:#4a90e2}}.styleinput{padding-bottom:4px;padding-right:50px}.button{transform-origin:50%;cursor:pointer;background-color:#5cdb95;border:none;border-radius:5px;width:150px;padding:0 0 3px;font-family:Gochi Hand,cursive;font-size:15px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:rotate(5deg);box-shadow:0 2px #494a4b}.button span{background:#f1f5f8;border:2px solid #494a4b;border-radius:5px;padding:.5rem 1rem;display:block}.button:active{outline:0;padding-bottom:0;transform:translateY(5px)}.Registerpageselection{background-image:url(/assets/flat-lay-school-stationery-wooden-background-back-school-concept-copy-space-DcUovs1A.jpg);background-position:50%;background-repeat:no-repeat;background-size:100%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.reshead{color:wheat;background-color:#000;padding:10px 20px}.registerselectionbox{justify-content:space-evenly;align-items:center;width:70%;height:70%;display:flex}.registerselectionbox .selection{background-color:#000;border:5px solid #000;flex-direction:column;place-content:center;width:300px;height:300px;transition:all .3s;display:flex}.selection .sssbox{justify-content:center;align-items:center;width:100%;height:75%;font-size:150px;display:flex}.selection .ssstext{justify-content:center;align-items:center;width:100%;height:25%;font-family:cursive;display:flex}.s1{color:gold}.s2{color:#3f0}.selection:hover{box-shadow:15px 20px #000}.selection:hover .s1{color:#000;background-color:gold}.selection:hover .s2{color:#000;background-color:#3f0}.stuform{z-index:0;background-color:gold;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100vh;display:flex}.stuform h1{color:gold;background-color:#000;padding:10px;font-family:cursive}.stuform .stubox{background-color:#0000;width:90%;height:85%}form{width:100%;height:100%}.stubox .forml1{justify-content:space-evenly;align-items:center;width:100%;height:33%;display:flex}.inputBox{position:relative}.inputBox input{color:#000;background:0 0;border:2px solid #000;border-radius:5px;outline:none;width:250px;padding:15px 20px;font-size:1em}.inputBox span{letter-spacing:1px;color:#fff;background:#212121;border:1px solid #000;border-radius:2px;padding:0 6px 1px 5px;font-size:1em;position:absolute;left:0;transform:translate(14px)translateY(-7.5px)}button{cursor:pointer;outline-offset:4px;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;padding:0;transition:filter .25s;position:relative}.shadow{will-change:transform;background:#00000040;border-radius:12px;width:100%;height:100%;transition:transform .6s cubic-bezier(.3,.7,.4,1);position:absolute;top:0;left:0;transform:translateY(2px)}.edge{background:linear-gradient(270deg,#52001b 0%,#a30036 8% 92%,#52001b 100%);border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.front{color:#fff;will-change:transform;background:#f0003c;border-radius:12px;padding:12px 27px;font-size:1.1rem;transition:transform .6s cubic-bezier(.3,.7,.4,1);display:block;position:relative;transform:translateY(-4px)}button:hover{filter:brightness(110%)}button:hover .front{transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transform:translateY(-6px)}button:active .front{transition:transform 34ms;transform:translateY(-2px)}button:hover .shadow{transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transform:translateY(4px)}button:active .shadow{transition:transform 34ms;transform:translateY(1px)}button:focus:not(:focus-visible){outline:none}.teach{background-color:#3f0}.teach h1{color:#3f0}.teachin{color:#fff}.alert{justify-content:center;align-items:center;display:flex}.alert .alertcard{background-color:red;border:2px solid gold;border-radius:10px;flex-direction:column;justify-content:space-evenly;align-items:center;width:35%;height:40vh;display:flex;box-shadow:0 10px 90px #000}.show{z-index:9999;width:100%;height:100vh;position:fixed}.hide{display:none}.alertcard h1{color:#000;background-color:#0000}.alertcard button{cursor:pointer;background:#fbca1f;border:3px solid #000;border-radius:.4em;padding:.6em 1.3em;font-family:inherit;font-size:18px;font-weight:900;box-shadow:.1em .1em}.alertcard button:hover{transform:translate(-.05em,-.05em);box-shadow:.15em .15em}.alertcard button:active{transform:translate(.05em,.05em);box-shadow:.05em .05em}.layout{width:100%;height:100vh;display:flex}.layout .sidebar{background-color:#000;width:18%;height:100vh;position:fixed}.layout .main-content{width:82%;height:100vh;margin-left:18%}.studentdash{background-color:#fff;width:100%;height:100%}.studentdash .userprofilepic{flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:30%;display:flex}.studentdash .userprofilepic .profilebox h1{-webkit-text-stroke:1px black;font-family:Verdana,Geneva,Tahoma,sans-serif}.studentdash .userprofilepic h1{font-family:cursive}.studentdash .userlinks{width:100%;height:60%}.studentdash .userlinks .link{width:100%;height:10.5%;color:var(--user-color);background-color:#000;justify-content:center;align-items:center;font-family:Verdana,Geneva,Tahoma,sans-serif;text-decoration:none;transition:all .3s;display:flex}.studentdash .userlinks .link.active{color:var(--user-color);background-color:#fff}.studentdash .userlinks .link:hover{color:#4f4646;background-color:#f5f5f5}.studentdash .userfooter{background-color:#000;justify-content:center;align-items:center;width:100%;height:10vh;display:flex}.userfooter button{background-color:#000;border:2px solid #0000;border-radius:100px;width:50%;height:70%;font-family:cursive}.profilelink{background-color:#fff;border:2px solid #000;border-radius:100px;justify-content:center;align-items:center;width:60%;height:70%;font-size:40px;display:flex}.stumainhead{background-color:#87ceeb;justify-content:flex-end;align-items:center;width:100%;height:10vh;display:flex}.stumainhead .editbutton{width:7cqi;height:8vh;margin-right:20px}.stumainhead .editbutton button{border:2px solid #000;border-radius:10px;width:100%;height:100%;font-size:30px}.promenu{width:98%;height:90vh;margin-left:10px}.promenu .userprotitle{background-color:#fff;justify-content:center;align-items:center;width:100%;height:8vh;display:flex}.promenu .userprotitle h1,.promenu h1,h2{font-family:Courier New,Courier,monospace}.promenu .data{align-items:center;width:100%;height:6vh;display:flex}.promenu .data h1{-webkit-text-stroke:.6px black}.promenu .coursedata{width:95%;height:12vh;box-shadow:2px 0 10px #000;box-shadow:0px 0px 10px var(--cou-color);border:2px solid #fff;border-radius:5px;align-items:center;margin-top:20px;margin-left:20px;transition:all .3s;display:flex}.promenu .coursedata:hover{color:#fff}.promenu .coursedata .blackline{background-color:#000;border-radius:100px;width:1%;height:70%;margin-left:10px}.promenu .coursedata h1{margin-left:10px}.res{width:10px;height:10px}.promenu .librow{background-color:#000;justify-content:space-evenly;align-items:center;width:98%;height:60%;padding:10px;display:flex}.promenu .librow .course{width:25%;height:90%}.promenu .librow .course .coursebox{text-align:center;border:2px solid #fff;border-radius:10px;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;padding:10px;font-size:small;transition:all .3s;display:flex}.course:hover{color:#fff}.promenu .librow .course .coursebox .circle{color:#f5f5f5;background-color:#000;border:2px dashed #fff;border-radius:100px;justify-content:center;align-items:center;width:150px;height:150px;font-size:25px;display:flex}.cbox1{background-color:#ff5722;box-shadow:0 0 10px #ff5722}.cbox2{background-color:#f69d39;box-shadow:0 0 10px #f69d39}.cbox3{background-color:#6fcf97;box-shadow:0 0 10px #6fcf97}.cbox4{background-color:#e4d329;box-shadow:0 0 10px #e4d329}.cbox5{background-color:#e0c375;box-shadow:0 0 10px #e0c375}.cbox6{background-color:#4bb8fa;box-shadow:0 0 10px #4bb8fa}.promenu .tt{background-color:#000;border-radius:50px;justify-content:center;align-items:flex-start;width:92%;min-height:20vh;margin-top:20px;padding:40px;display:flex}.tt table{border-collapse:collapse;gap:10px;width:80%;height:40px}.tt tr{justify-content:space-between;align-items:center;display:flex}.tt .time{color:#000;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:200px;height:6vh;display:flex}.tt .subject{color:#000;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:600px;height:6vh;display:flex}.tt .time1{color:#fff;width:200px;height:6vh;box-shadow:0px 0px 7px var(--tt-color);background-color:#000;justify-content:center;align-items:center;margin-top:10px;font-family:cursive;font-size:22px;transition:all .2s;display:flex}.tt .subject1{color:#fff;width:600px;height:6vh;box-shadow:0px 0px 7px var(--tt-color);background-color:#000;justify-content:center;align-items:center;margin-top:10px;font-family:cursive;font-size:22px;transition:all .2s;display:flex}.tt .trt1s1:hover .subject1,.tt .trt1s1:hover .time1{color:#000}.promenu .announcements{background-color:var(--ann-color);border:2px solid #000;border-radius:10px;min-width:50%;max-width:90%;min-height:15vh;margin-top:20px;margin-bottom:10px;margin-left:20px;padding:20px;font-family:cursive;transition:all .3s;box-shadow:0 0 5px #000}.announcements h1{margin-bottom:15px;margin-left:10px;font-family:Courier New,Courier,monospace;display:flex}.announcements h3{margin-top:10px}.announcements:hover h1{color:#fff}.promenu .persontosend{justify-content:center;align-items:center;width:100%;height:10vh;display:flex}.promenu .persontosend input{background-color:#fff;border:2px solid #000;width:30%;height:40%;padding:10px;font-size:medium}.promenu .persontosend button{background-color:#fff;border:2px solid #000;width:100px;height:60%;margin-left:20px;font-size:medium}.promenu .chatboxinner{justify-content:center;align-items:center;width:100%;height:73%;display:flex}.promenu .chatboxinner .chatboxouter{border:2px solid #f5f5f5;flex-direction:column;gap:5px;width:90%;height:95%;padding:10px;display:flex}.promenu .personwhosends{justify-content:center;align-items:center;width:100%;height:10vh;margin-top:10px;display:flex}.promenu .personwhosends button{border:2px solid #000;width:100px;height:70%;margin-left:20px;font-size:medium}.promenu .personwhosends textarea{border:2px solid #000;border-radius:10px;padding:4px;font-size:medium}.promenu .chatboxinner .chatboxouter .msg{word-wrap:break-word;background-color:#87ceeb;border:2px solid #fff;border-radius:12px;min-width:60px;max-width:60%;margin:5px 0;padding:10px 15px;display:inline-block}.chatboxouter{background:#f5f5f5;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;height:60vh;padding:10px;display:flex;overflow-y:auto}.chatboxouter::-webkit-scrollbar{width:6px}.chatboxouter::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.msg{word-wrap:break-word;border-radius:12px;max-width:60%;padding:10px 15px;font-family:cursive;font-size:medium;display:inline-block}.msg.received{align-self:flex-start}.msg.sent{align-self:flex-end}.promenu .personwhosends button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:16px;align-items:center;padding:.7em 1em .7em .9em;font-family:inherit;font-size:20px;transition:all .2s;display:flex;overflow:hidden}.promenu .personwhosends button span{margin-left:.3em;transition:all .3s ease-in-out;display:block}.promenu .personwhosends button svg{transform-origin:50%;transition:transform .3s ease-in-out;display:block}.promenu .personwhosends button:hover .svg-wrapper{animation:.6s ease-in-out infinite alternate fly-1}.promenu .personwhosends button:hover svg{transform:translate(1.2em)rotate(45deg)scale(1.1)}.promenu .personwhosends button:hover span{transform:translate(5em)}.promenu .personwhosends button:active{transform:scale(.95)}@keyframes fly-1{0%{transform:translateY(.1em)}to{transform:translateY(-.1em)}}.promenu .allclubs .animated-button{background-color:inherit;color:var(--user-color);box-shadow:0 0 0 2px var(--user-color);cursor:pointer;border:4px solid #0000;border-radius:100px;align-items:center;gap:4px;padding:16px 36px;font-size:16px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.promenu .allclubs .animated-button svg{width:24px;fill:var(--user-color);z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.promenu .allclubs .animated-button .arr-1{right:16px}.promenu .allclubs .animated-button .arr-2{left:-25%}.promenu .allclubs .animated-button .circle{background-color:var(--user-color);opacity:0;border-radius:50%;width:20px;height:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promenu .allclubs .animated-button .text{z-index:1;transition:all .8s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-12px)}.promenu .allclubs .animated-button:hover{color:#212121;border-radius:12px;box-shadow:0 0 0 12px #0000}.promenu .allclubs .animated-button:hover .arr-1{right:-25%}.promenu .allclubs .animated-button:hover .arr-2{left:16px}.promenu .allclubs .animated-button:hover .text{transform:translate(12px)}.promenu .allclubs .animated-button:hover svg{fill:#212121}.promenu .allclubs .animated-button:active{box-shadow:0 0 0 4px var(--user-color);scale:.95}.promenu .allclubs .animated-button:hover .circle{opacity:1;width:220px;height:220px}.promenu .allclubs{justify-content:flex-end;align-items:center;width:100%;height:15vh;display:flex}.promenu .clubs{justify-content:center;align-items:center;width:100%;display:flex}.promenu .clubs .clubslots{box-sizing:border-box;background-color:#fff;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;height:100%;padding:20px;display:grid}.promenu .clubs .clubslots .clubslot{border:2px solid var(--club-color);height:400px;box-shadow:0px 0px 10px var(--club-color);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.promenu .clubs .clubslots .clubslot:hover .clubname{color:#f5f5f5}.clubslot .clubname{text-align:center;width:100%;height:10%;font-family:monospace;font-size:28px;font-weight:800;transition:all .3s}.clubslot .clublogobox{justify-content:center;align-items:center;width:100%;height:40%;display:flex}.clubslot .clublogobox .clublogo{background-color:#000;border-radius:100px;justify-content:center;align-items:center;width:40%;height:70%;font-size:30px;display:flex}.clubcode{text-align:center;justify-content:center;align-items:center;width:100%;height:6%;display:flex}.clubmems{flex-direction:column;justify-content:center;align-items:center;width:100%;height:50%;display:flex}.clubmems .clubmem{justify-content:center;align-items:center;width:100%;height:20%;display:flex}.clubmem h2{font-size:20px}.enterclub{background-color:#000;border:1px solid #fff;width:100px;height:40px;margin-top:20px}.primary-button{color:#fff;cursor:pointer;letter-spacing:.05rem;z-index:1;background-color:#0e1822;border:0 solid #0e1822;margin-top:20px;padding:.8rem 2.1rem;font-family:Ropa Sans,sans-serif;font-size:13px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.primary-button:before{content:"";background-color:var(--club-color);z-index:-1;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:-100%}.primary-button:hover:before{background-color:#fff;left:0}.primary-button:hover{color:var(--club-color)}html{scroll-behavior:smooth}body{overflow:hidden auto}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.selectclubs{justify-content:center;align-items:center;width:100%;height:10vh;display:flex}.radio-input{color:#fff;flex-direction:row;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;display:flex}.radio-input input[type=radio]{display:none}.radio-input label{cursor:pointer;background-color:#212121;border:1px solid #ccc;border-radius:5px;justify-content:center;align-items:center;width:100px;margin-right:12px;padding:10px;transition:all .3s ease-in-out;display:flex;position:relative}.radio-input label:before{content:"";background-color:#fff;border:2px solid #ccc;border-radius:50%;width:10px;height:10px;transition:all .3s ease-in-out;display:block;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.radio-input input[type=radio]:checked+label:before{background-color:green;top:0}.radio-input input[type=radio]:checked+label{color:#fff;background-color:#4169e1;border-color:#81eb81;animation:.5s ease-in-out radio-translate}@keyframes radio-translate{0%{transform:translate(0)}50%{transform:translateY(-10px)}to{transform:translate(0)}}.card{max-width:300px;box-shadow:0px 5px 10px var(--club-color);background-color:#fff;border-radius:10px;transition:all .3s}.card:hover{color:#f5f5f5}.content{padding:1.1rem}.image{object-fit:cover;background-color:#efcdff;border-radius:10px;justify-content:flex-start;align-items:flex-start;width:100%;height:150px;display:flex}.image h1{margin-top:10px;margin-left:10px}.title{color:#111827;font-size:1.125rem;font-weight:600;line-height:1.75rem}.desc{color:#6b7280;margin-top:.5rem;font-size:.875rem;line-height:1.25rem}.resntntoclub .primary-button{color:#fff;cursor:pointer;letter-spacing:.05rem;border:2px solid #0e1822;border:2px solid var(--club-color);z-index:1;background-color:#0e1822;margin-top:20px;padding:.8rem 2.1rem;font-family:Ropa Sans,sans-serif;font-size:12px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.resntntoclub .primary-button:before{content:"";background-color:var(--club-color);z-index:-1;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:-100%}.resntntoclub .primary-button:hover:before{background-color:#fff;left:0}.resntntoclub .primary-button:hover{color:var(--club-color)}.Clubnavbar{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:30%;display:flex}.Clubnavbar .firstline{width:100%;height:60%;display:flex}.Clubnavbar .firstline .clubnavbar1{color:#fff;background-color:brown;width:65%;height:100%}.clubnavbar1 h1{padding-top:20px;padding-left:40px;font-size:42px}.clubnavbar1 .secline{justify-content:flex-start;align-items:center;padding-top:15px;padding-left:20px;display:flex}.secline h2,h3{padding-left:20px}.firstline .clubnavbar2{background-color:#fff;width:35%;height:100%;display:flex}.firstline .clubnavbar2 .backbtn{background-color:wheat;justify-content:center;align-items:center;width:150px;height:100%;display:flex}.firstline .clubnavbar2 .backbtn button{color:var(--club-color);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border:2px solid #18181a;border-radius:4px;padding:18px 18px 17px;font-size:15px;line-height:15px;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.firstline .clubnavbar2 .backbtn button span:first-child{z-index:10;transition:color .6s cubic-bezier(.48,0,.12,1);position:relative}.firstline .clubnavbar2 .backbtn button span:last-child{color:var(--club-color);z-index:100;opacity:0;height:14px;line-height:13px;transition:all .5s cubic-bezier(.48,0,.12,1);display:block;position:absolute;top:50%;bottom:0;left:50%;transform:translateY(225%)translate(-50%)}.firstline .clubnavbar2 .backbtn button:after{content:"";transform-origin:bottom;z-index:50;background-color:#000;width:100%;height:100%;transition:transform .6s cubic-bezier(.48,0,.12,1);position:absolute;bottom:-50%;left:0;transform:skewY(9.3deg)scaleY(0)}.firstline .clubnavbar2 .backbtn button:hover:after{transform-origin:bottom;transform:skewY(9.3deg)scaleY(2)}.firstline .clubnavbar2 .backbtn button:hover span:last-child{opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1);transform:translate(-50%)translateY(-50%)}.clubnavbar2 .circle{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.clubnavbar2 .circle .subcircle{background-color:#000;border-radius:100px;justify-content:center;align-items:center;width:90px;height:90px;font-family:cursive;font-size:32px;display:flex}.Clubnavbar .secondline{justify-content:center;align-items:center;width:100%;height:30%;display:flex}.outline{pointer-events:none;position:absolute;inset:0}.rect{stroke-dashoffset:5px;stroke-dasharray:0 0 10 40 10 40;stroke:var(--club-color);transition:all .5s}.nav{width:400px;height:60px;position:relative}.container:hover .outline .rect{stroke-dashoffset:1px;stroke-dasharray:0;transition:all 999999s}.container{border:1px solid var(--club-color);background:#000;flex-direction:row;justify-content:space-around;align-items:center;padding:.5em;display:flex;position:absolute;inset:0}.btn{color:var(--club-color);cursor:pointer;padding:.5em 1.5em;transition:all .1s}.btn:hover{background:#fff3}.btn:first-child:hover~svg .rect{stroke-dashoffset:0;stroke-dasharray:0 2 8 73.3 8 10.7}.btn:nth-child(2):hover~svg .rect{stroke-dashoffset:0;stroke-dasharray:0 12.6 9.5 49.3 9.5 31.6}.btn:nth-child(3):hover~svg .rect{stroke-dashoffset:0;stroke-dasharray:0 24.5 8.5 27.5 8.5 55.5}.btn:nth-child(4):hover~svg .rect{stroke-dashoffset:0;stroke-dasharray:0 34.7 6.9 10.2 6.9 76}.btn:hover~.outline .rect{stroke-dashoffset:0;stroke-dasharray:0 0 10 40 10 40;transition:all .5s!important}.clublayout{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.clubmainmenu{width:100%;min-height:70vh;margin-top:10px;padding-bottom:30px}.clubmembersbox{background-color:#000;width:100%;height:100%}.clubhome{gap:25px;width:100%}.clubhome h2{margin-top:10px;margin-left:20px;display:flex}.clubhome .description{width:90%;margin-top:20px;margin-left:20px}.clubhome .description h1{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.clubhome .description h2{font-family:cursive}.clubhome .clubevents{margin-top:20px;margin-left:20px}.clubhome .clubevents h2{min-width:200px}.clubmainmemberslist{justify-content:center;align-items:center;width:100%;min-height:10vh;display:flex}.clubmainmemberslist table{border-collapse:collapse;gap:10px;width:80%;height:40px}.clubmainmemberslist tr{justify-content:space-between;align-items:center;display:flex}.clubmainmemberslist .time{color:#000;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:200px;height:6vh;display:flex}.clubmainmemberslist .subject{color:#000;background-color:#fff;border:2px solid #000;justify-content:center;align-items:center;width:600px;height:6vh;display:flex}.clubmainmemberslist .time1{color:#fff;background-color:#000;justify-content:center;align-items:center;width:200px;height:6vh;margin-top:10px;font-family:cursive;font-size:22px;transition:all .2s;display:flex}.clubmainmemberslist .subject1{color:#fff;background-color:#000;justify-content:center;align-items:center;width:600px;height:6vh;margin-top:10px;font-family:cursive;font-size:22px;transition:all .2s;display:flex}.clubchat{border:2px solid var(--club-color);background-color:var(--club-color);width:95%;height:63vh;box-shadow:0px 0px 60px var(--club-color);border-radius:10px;margin-left:17px;padding:10px}.sentclubmember{border:2px solid var(--club-color);background-color:var(--club-color);border-radius:10px;width:95%;height:7vh;margin-top:20px;margin-left:17px;padding:10px}.promenuclub{width:98%;height:10vh;margin-left:10px;padding:10px}.promenuclub .personwhosends{justify-content:center;align-items:center;width:100%;height:10vh;margin-top:10px;display:flex}.promenuclub .personwhosends button{border:2px solid #000;width:100px;height:70%;margin-left:20px;font-size:medium}.promenuclub .personwhosends textarea{border:2px solid #000;border-radius:10px;padding:4px;font-size:medium}.promenuclub .personwhosends button{color:#fff;cursor:pointer;background:#4169e1;border:none;border-radius:16px;align-items:center;padding:.7em 1em .7em .9em;font-family:inherit;font-size:20px;transition:all .2s;display:flex;overflow:hidden}.promenuclub .personwhosends button span{margin-left:.3em;transition:all .3s ease-in-out;display:block}.promenuclub .personwhosends button svg{transform-origin:50%;transition:transform .3s ease-in-out;display:block}.promenuclub .personwhosends button:hover .svg-wrapper{animation:.6s ease-in-out infinite alternate fly-1}.promenuclub .personwhosends button:hover svg{transform:translate(1.2em)rotate(45deg)scale(1.1)}.promenuclub .personwhosends button:hover span{transform:translate(5em)}.promenuclub .personwhosends button:active{transform:scale(.95)}.clubfaqs{border:2px solid var(--faq-color);border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:95%;min-height:0;margin-top:20px;margin-left:25px;padding-bottom:20px;display:flex}.clubfaqs .clubfaq{background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:90%;min-height:10vh;margin-top:20px;padding:20px;display:flex}.clubfaqs .clubfaq h3,h2{font-family:cursive}.clubfaqs .clubfaq h1{background-color:#fff;border-radius:10px;padding-left:10px;padding-right:10px;font-family:Poppins,sans-serif;font-size:42px}.leftclub{justify-content:flex-end;align-items:center;width:97%;min-height:10vh;display:flex}.leftclub .animated-button{background-color:inherit;color:var(--user-color);box-shadow:0 0 0 2px var(--user-color);cursor:pointer;border:4px solid #0000;border-radius:100px;align-items:center;gap:4px;padding:16px 36px;font-size:16px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.leftclub .animated-button svg{width:24px;fill:var(--user-color);z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.leftclub .animated-button .arr-1{right:16px}.leftclub .animated-button .arr-2{left:-25%}.leftclub .animated-button .circle{background-color:var(--user-color);opacity:0;border-radius:50%;width:20px;height:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.leftclub .animated-button .text{z-index:1;transition:all .8s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-12px)}.leftclub .animated-button:hover{color:#212121;border-radius:12px;box-shadow:0 0 0 12px #0000}.leftclub .animated-button:hover .arr-1{right:-25%}.pleftclub .animated-button:hover .arr-2{left:16px}.leftclub .animated-button:hover .text{transform:translate(12px)}.leftclub .animated-button:hover svg{fill:#212121}.leftclub .animated-button:active{box-shadow:0 0 0 4px var(--user-color);scale:.95}.leftclub .animated-button:hover .circle{opacity:1;width:220px;height:220px}.studentres{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:100%;min-height:100%;display:flex}.table-container{text-align:center;width:80%;margin:40px auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.table-title{color:#333;margin-bottom:20px}.custom-table{border-collapse:collapse;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 8px 20px #0000001a}.custom-table thead{color:#fff;background-color:#4caf50}.custom-table th,.custom-table td{text-align:center;padding:12px 15px}.custom-table tbody tr{border-bottom:1px solid #ddd;transition:all .3s}.custom-table tbody tr:nth-child(2n){background-color:#f9f9f9}.custom-table tbody tr:hover{background-color:#e8f5e9;transform:scale(1.01)}.custom-table th{font-size:16px}.custom-table td{color:#333;font-size:15px}.stuass{justify-content:center;align-items:flex-start;gap:20px;width:100%;min-height:100vh;display:flex}.stufees{flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:100%;min-height:100vh;display:flex}.stufees table{border-collapse:collapse;background-color:#0000;width:90%}.stufees table thead th{height:7vh;color:var(--user-color);background-color:#000;border:4px solid #000;margin-left:10px;font-size:24px}.stufees table tbody tr{background-color:#0000;height:6vh;margin-top:10px}.stufees table tbody tr td{text-align:center;border:4px solid #000;margin-top:20px;font-size:20px;font-weight:bolder}.clubnots{text-align:center;background-color:var(--club-color);border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;width:93%;min-height:10vh;margin-top:20px;margin-bottom:10px;margin-left:10px;padding:20px;display:flex}.clubnots .notbox{color:#f5f5f5;background-color:#fff;border-radius:5px;flex-direction:column;justify-content:space-evenly;align-items:flex-start;min-width:50%;min-height:10vh;padding:15px 15px 10px;display:flex}.studentwelcomepage{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%;height:100%;padding:10px 10px 10px 20px;display:flex}.studentwelcomepage .welcomehead{min-width:30%;height:10vh;color:var(--user-color);background-color:#000;border-radius:10px;justify-content:flex-start;align-items:center;padding-left:20px;display:flex}.studentwelcomepage .imps{justify-content:space-evenly;align-items:center;width:90%;height:40vh;display:flex}.studentwelcomepage .imps .attendancebox{background-color:#000;border:2px solid #000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:25%;height:100%;display:flex}.studentwelcomepage .imps .imptools{background-color:#000;border-radius:10px;justify-content:space-evenly;align-items:center;width:70%;height:100%;display:flex}.imps .imptools .card-title{color:#fffc;margin-bottom:.5em;font-size:1.5em;font-weight:700;line-height:normal}.imps .imptools .small-desc{color:#452c2c;font-size:1em;font-weight:400;line-height:1.5em}.imps .imptools .go-corner{background:linear-gradient(135deg, var(--user-color), var(--user-color));border-radius:0 4px 0 32px;justify-content:center;align-items:center;width:2em;height:2em;transition:all .3s;display:flex;position:absolute;top:0;right:0;overflow:hidden}.imps .imptools .card:hover .go-corner{background:linear-gradient(135deg,#364a60,#384c6c)}.imps .imptools .go-arrow{color:#000;margin-top:-4px;margin-right:-4px;font-family:courier,sans}.card:hover .go-arrow{color:var(--user-color)}.imps .imptools .card{z-index:0;color:#fffc;background:linear-gradient(135deg,#364a60,#384c6c);border-radius:10px;max-width:300px;min-height:170px;max-height:190px;margin:12px;padding:2em 1.2em;font-family:Arial,Helvetica,sans-serif;text-decoration:none;display:block;position:relative;overflow:hidden}.change{color:#fff}.card:before{content:"";z-index:-1;background:linear-gradient(135deg, var(--user-color), var(--user-color));transform-origin:50%;border-radius:32px;width:32px;height:32px;transition:transform .35s ease-out;position:absolute;top:-16px;right:-16px;transform:scale(1)}.card:hover:before{transform:scale(28)}.card:hover .small-desc{color:#fffc;transition:all .5s ease-out}.card:hover .card-title{color:#000;transition:all .5s ease-out}.card:hover .change{color:#000}.card-6{perspective:900px;justify-content:center;align-items:center;width:100%;margin:34px 0;display:flex}.card-6__holo{width:140px;height:140px;transform-style:preserve-3d;pointer-events:none;border-radius:26px;justify-content:center;align-items:center;animation:6.2s ease-in-out infinite card6-wobble;display:flex;position:relative}@keyframes card6-wobble{0%{transform:rotateX(16deg)rotateY(-18deg)}50%{transform:rotateX(18deg)rotateY(18deg)}to{transform:rotateX(16deg)rotateY(-18deg)}}.card-6__layer{letter-spacing:-6px;-webkit-text-stroke:1px var(--user-color);background:linear-gradient(90deg, var(--user-color) 0%, var(--user-color) 35%, var(--user-color) 60%, var(--user-color) 100%);color:#0000;filter:drop-shadow(0 10px 22px #0000008c);opacity:.95;transform-style:preserve-3d;-webkit-background-clip:text;background-clip:text;font-size:108px;font-weight:900;line-height:1;position:absolute}.card-6__layer--back{opacity:.18;filter:blur(1px);-webkit-text-stroke:1px var(--user-color);transform:translateZ(-70px)}.card-6__layer--mid{opacity:.42;filter:blur(.4px);-webkit-text-stroke:1px var(--user-color);transform:translateZ(-34px)}.card-6__layer--front{opacity:.98;-webkit-text-stroke:1px var(--user-color);transform:translateZ(0)}.card-6__holo:before{content:"";filter:blur(8px);opacity:.9;background:radial-gradient(circle at 40% 35%,#007bff24,#0000 62%);border-radius:26px;position:absolute;inset:0;transform:translateZ(-80px)}.card-6__holo:after{content:"";opacity:.55;background:linear-gradient(120deg,#ffffff0d,#ffffff03 45%,#0000);border:1px solid #007bff29;border-radius:26px;position:absolute;inset:0;transform:translateZ(-45px)}@media (width<=600px){.card-6__holo{border-radius:24px;width:128px;height:128px}.card-6__layer{letter-spacing:-5px;font-size:96px}}@media (prefers-reduced-motion:reduce){.card-6__holo{animation:none!important}}.welcomenots{border:5px solid var(--user-color);border-radius:10px;width:90%;min-height:40vh}.welcomenots .notboxwel{background-color:#ff0;background:linear-gradient(135deg, var(--ann-color), #1e293b);border-radius:10px;min-width:30%;min-height:10vh;margin-top:10px;margin-left:20px;padding:20px}.welcomenots{border:4px solid var(--user-color);background:#0f172a;border-radius:12px;width:90%;min-height:40vh;margin:auto;padding:20px}.section-title{color:#fff;margin-bottom:10px}.sub-title{color:#cbd5e1;margin:20px 0 10px}.cards-container{flex-wrap:wrap;gap:15px;display:flex}.notboxwel{color:#fff;border:2px solid #f5f5f5;border-radius:12px;flex:280px;max-width:320px;min-height:150px;padding:18px;transition:all .25s;box-shadow:0 4px 12px #00000040}.notboxwel:hover{transform:translateY(-6px)scale(1.02)}.not-header{opacity:.9;justify-content:space-between;font-size:13px;display:flex}.club-id{letter-spacing:1px;font-weight:700}.event-time{font-style:italic}.event-name{margin:10px 0;font-size:20px;font-weight:600}.event-desc{font-size:15px;line-height:1.4}.announcement-card{background:linear-gradient(135deg, var(--ann-color), #1e293b);color:#fff;border:2px solid #f5f5f5;border-radius:12px;flex:280px;max-width:320px;padding:18px;box-shadow:0 4px 10px #0003}.announcement-card h3{margin-bottom:8px}.author{opacity:.8;margin-top:10px;font-size:13px;display:block}.no-events{color:#94a3b8;padding:10px}.welcomenots{border:4px solid var(--user-color);width:90%;height:auto;min-height:unset;background:#0f172a;border-radius:12px;margin:auto;padding:20px}.imptools .meter{background-color:#fff;width:250px;height:90%}.topbackedit{background-color:#000;width:100%;min-height:100vh}.topbackedit .editblock{background-color:#0000;width:80%;height:10vh;margin-top:20px;display:flex}.topbackedit .editblock .input{color:#fff;border:2px solid var(--user-color);background-color:#0000;border-radius:5px;min-width:350px;height:20px;margin-left:10px;padding:10px;font-size:20px}.topbackedit .btnsave{background-color:var(--user-color);border:2px solid #fff;border-radius:4px;justify-content:center;align-items:center;width:100px;height:30px;padding-bottom:20px;display:flex}.topbackedit .btssavenext{justify-content:space-evenly;align-items:center;width:400px;height:70px;display:flex}.courselayout{background-color:#0000;width:100%;height:100vh}.courselayout .maincoursedraft{background-color:#0000;justify-content:center;align-items:center;width:100%;height:20vh;display:flex}.courselayout .maincoursedraft .outline{pointer-events:none;position:absolute;inset:0}.courselayout .maincoursedraft .rect{stroke-dashoffset:5px;stroke-dasharray:0 0 10 40 10 40;stroke:var(--user-color);transition:all .5s}.courselayout .maincoursedraft .nav{width:400px;height:60px;position:relative}.courselayout .maincoursedraft .container:hover .outline .rect{stroke-dashoffset:1px;stroke-dasharray:0;transition:all 999999s}.courselayout .maincoursedraft .container{background:#000;flex-direction:row;justify-content:space-around;align-items:center;padding:.5em;display:flex;position:absolute;inset:0}.courselayout .maincoursedraft .btn{color:#fff;cursor:pointer;padding:.5em 1.5em;transition:all .1s}.courselayout .maincoursedraft .btn .clink{color:var(--user-color)}.courselayout .maincoursedraft .btn .clink.active{color:#adff2f}.courselayout .maincoursedraft .btn:first-child:hover~svg .rect{stroke-dashoffset:0;stroke-dasharray:0 2 8 73.3 8 10.7}.courselayout .maincoursedraft .btn:nth-child(2):hover~svg .rect{stroke-dashoffset:0;stroke-dasharray:0 12.6 9.5 49.3 9.5 31.6}.courselayout .maincoursedraft .btn:nth-child(3):hover~svg .rect{stroke-dashoffset:0;stroke-dasharray:0 24.5 8.5 27.5 8.5 55.5}.courselayout .maincoursedraft .btn:nth-child(4):hover~svg .rect{stroke-dashoffset:0;stroke-dasharray:0 34.7 6.9 10.2 6.9 76}.courselayout .maincoursedraft .btn:hover~.outline .rect{stroke-dashoffset:0;stroke-dasharray:0 0 10 40 10 40;transition:all .5s!important}.coursehome{background-color:#0000;flex-direction:column;justify-content:flex-start;align-items:center;width:95%;min-height:60vh;margin-left:25px;display:flex}.coursehome .crow{background-color:#0000;grid-template-columns:repeat(3,1fr);gap:20px;width:96%;min-height:50vh;margin-top:20px;display:grid}.coursehome .crow .cbox{background-color:var(--cou-color);width:95%;height:300px;box-shadow:2px 2px 20px var(--cou-color);text-align:center;border:2px solid #fff;border-radius:10px;flex-direction:column;justify-content:space-evenly;align-items:center;transition:all .3s ease-in-out;display:flex}.coursehome .crow .cbox:hover{color:#fff;border-color:var(--cou-color);background-color:#302e2e}.coursehome .crow .cbox:hover .coucir{border-color:var(--cou-color);background-color:#fff}.coursehome .crow .cbox .coucir{width:100px;height:100px;color:var(--cou-color);background-color:#000;border:2px solid #fff;border-radius:100px;align-content:center;font-style:italic}*{font-style:italic}.launchins{border:2px solid #0000;justify-content:space-around;align-items:center;width:100%;height:20vh;margin-top:10px;display:flex}.launchins .firsthalf{background-color:#0000;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:40%;height:100%;display:flex}.launchins .firsthalf label{background-color:var(--user-color);color:#000;padding:4px;transition:all .3s}.launchins .firsthalf:hover label{box-shadow:10px 10px #000}.launchins .firsthalf input{border:2px solid var(--user-color);width:100%;height:20px;padding:10px;font-size:large;transition:all .3s}.launchins .firsthalf input:hover{box-shadow:10px 10px 0px var(--user-color)}.launchins button{appearance:none;box-sizing:border-box;color:#3b3b3b;cursor:pointer;background-color:#0000;background-color:var(--user-color);text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;will-change:transform;border-radius:.9375em;outline:none;min-width:0;min-height:3.75em;margin:0;padding:1em 2.3em;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-block}.launchins button:disabled{pointer-events:none}.launchins button:hover{color:#fff;background-color:var(--user-color);transform:translateY(-2px);box-shadow:0 8px 15px #00000040}.launchins button:active{box-shadow:none;transform:translateY(0)}.feesbox{background-color:#0000;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:90%;height:90vh;margin-left:5vh;padding-top:5vh;display:flex}.feesbox .feebox{background-color:#0000;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:50%;height:20%;display:flex}.feesbox .feebox label h2{background-color:var(--user-color);color:#383232;padding:7px;transition:all .3s}.feesbox .feebox:hover label h2{box-shadow:5px 5px #000}.feesbox .feebox input{border:2px solid var(--user-color);width:400px;height:6vh;margin-left:40px;padding-left:8px;font-size:large;transition:all .3s}.feesbox .feebox input:hover{box-shadow:10px 10px 0px var(--user-color)}.feesbox button{background-color:var(--user-color);width:200px;height:8vh;margin-left:20px;font-size:large;font-weight:bolder;transition:all .3s}.feesbox button:hover{box-shadow:10px 10px #000}.feesbox button:active{transform:translateY(2px)scale(.97)}.annobox7{background-color:#0000;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:70vh;display:flex}.annobox7 .classtitle{border:2px solid #0000;width:90%;height:18vh;display:flex}.annobox7 button{background-color:var(--user-color);border:2px solid #000;border-radius:4px;width:100px;height:7vh;transition:all .3s}.annobox7 button:active{width:90px;height:6vh}.annobox7 button:hover{box-shadow:0 0 4px #000}.annobox7 .classtitle .labin{background-color:#0000;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:50%;height:100%;display:flex}.labin label{background-color:var(--user-color);color:#000;margin-left:40px;padding:4px 10px}.labin input{border:2px solid #000;width:300px;height:6vh;margin-left:60px;padding-left:20px;font-size:20px;transition:all .3s}.labin input:hover{box-shadow:10px 10px 0px var(--user-color)}.clubcreabox{background-color:#0000;flex-direction:column;justify-content:space-evenly;align-items:flex-start;width:90%;min-height:250vh;margin-left:5vh;padding-top:5vh;display:flex}.clubcreabox .feebox{background-color:#0000;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:10px;width:50%;height:20%;display:flex}.clubcreabox .feebox label h2{background-color:var(--user-color);color:#383232;padding:7px;transition:all .3s}.clubcreabox .feebox:hover label h2{box-shadow:5px 5px #000}.clubcreabox .feebox input{border:2px solid var(--user-color);width:400px;height:6vh;margin-left:40px;padding-left:8px;font-size:large;transition:all .3s}.clubcreabox .feebox input:hover{box-shadow:10px 10px 0px var(--user-color)}.clubcreabox button{background-color:var(--user-color);width:200px;height:8vh;margin-left:20px;font-size:large;font-weight:bolder;transition:all .3s}.clubcreabox button:hover{box-shadow:10px 10px #000}.clubcreabox button:active{transform:translateY(2px)scale(.97)}.coursemain77{color:#f5f5f5;background-color:#000;border-radius:20px;flex-direction:column;align-items:self-start;gap:10px;width:50%;min-height:70vh;margin-left:30px;padding:15px 15px 15px 50px;display:flex}.promenu .mainass{background-color:#0000;width:100%;height:70vh}.promenu .activeassigns{background-color:#0000;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:100%;min-height:40vh;display:flex}.promenu .activeassigns .activebox123{scroll-behavior:smooth;flex-wrap:nowrap;gap:20px;width:94%;height:40vh;margin:20px 0 20px 50px;padding:10px;display:flex;overflow-x:auto}.promenu .activeassigns .activebox123 .notboxwel{flex-shrink:0;min-width:250px}.clubviewbox123{background-color:#0000;width:90%;min-height:50vh;margin-left:20px;padding:20px}