:root{--lightyellow:#fff3c4;--yellow:#fadf70;--yellow-shadow:#b0a669e6;--lightgreen:#ece77c;--green:#8fb555;--darkgreen:#2c491e;--lightorange:#f6b47b;--orange:#f07d3a;--darkorange:#552413;--beige:#fffbed;--blue:#598aac;--lightteal:#b0d492;--teal:#6ba689;--lightpurple:#caafd6;--purple:#8c71b4;--white:#fffefc;--gray:#4e4c52;--lightred:#faaaad;--red:#df507f;--darkyellow:#798246;--clear-only-fullscreen:#0000;--shadow:#17150bcc;--font-subheadings:"Shrikhand";--font-headings:"Roboto Slab";--font-regular:"IBM Plex Sans Devanagari";--font-titles:"Shrikhand";--line-height:1.15;--home-h1-size:100px;--h1-size:200px;--h2-size:80px;--h3-size:36px;--h4-size:28px;--p-size:20px;--hero-padding:60px;--hero-p-size:24px;--section-padding:90px 120px 60px;--border-radius:20px}body{font-size:var(--p-size);line-height:var(--line-height);margin:0;position:relative}body.green{background-color:var(--lightgreen)}body.beige{background-color:var(--beige)}section{padding:var(--section-padding);grid-template-columns:repeat(2,minmax(0,1fr));place-items:center left;gap:60px;display:grid}section.orange{background-color:var(--green);background-color:var(--orange)}section.blue{background-color:var(--blue)}body section.blue h2,body section.orange h2{color:var(--darkgreen);-webkit-text-fill-color:var(--yellow);-webkit-text-stroke:1px}body section.orange p{color:var(--darkgreen)}body section.blue p{color:var(--beige);text-shadow:1px 1px 0px var(--shadow)}section.hero.blue h1{color:var(--orange);-webkit-text-fill-color:var(--yellow);-webkit-text-stroke:1px;text-shadow:8px 5px var(--gray)}section.hero.green{background-color:var(--green)}body.green h1{text-shadow:8px 5px var(--green)}body.green h2{color:var(--orange);-webkit-text-fill-color:var(--yellow);-webkit-text-stroke:2px}body.green p{color:var(--shadow)}body.beige h2{color:var(--darkgreen);-webkit-text-fill-color:var(--orange);-webkit-text-stroke:2px}section.hero div.box{background-color:var(--green);border:5px solid var(--darkgreen);border-radius:25px;width:60%;margin:0 auto;padding:30px 60px}section.hero div.box h3{color:var(--darkgreen);text-shadow:1px 1px 0px var(--yellow)}section.hero div.box p{max-width:100%;color:var(--darkgreen);text-shadow:1px 1px 0px var(--gray)}section .header{font-size:var(--hero-p-size);flex-direction:column;gap:15px;width:100%;display:flex}section .header p{text-shadow:1px 1px 0px var(--yellow-shadow)}section.hero{align-items:end;padding:200px 90px 90px}section.hero.home{min-height:200px}section.hero.photo{padding:200px var(--hero-padding) var(--hero-padding) var(--hero-padding);background-position:bottom;background-size:cover}section.hero.photo p{color:var(--yellow);text-shadow:2px 2px 1px var(--shadow)}section.hero.home h1{font-family:var(--font-subheadings), serif;font-weight:400;font-size:var(--home-h1-size);text-shadow:8px 5px 10px var(--shadow)}section.hero h1{color:var(--orange);line-height:1;font-family:var(--font-headings);-webkit-text-fill-color:var(--yellow);-webkit-text-stroke:1px;text-shadow:8px 5px var(--gray);margin-bottom:0}section.hero p{margin-top:5px}section.hero .img-side{width:100%;filter:drop-shadow(15px 15px 15px var(--shadow));z-index:99}button{width:300px;height:70px;font-size:var(--hero-p-size);background-color:var(--orange);color:#fff;text-shadow:2px 2px 1px var(--shadow);border:2px solid #000;margin-top:30px;display:flex}button a{width:100%;height:100%;color:var(--white);justify-content:center;align-items:center;text-decoration:none;display:flex}.relative-container{justify-content:center;align-items:center;display:flex;position:relative}.grid{grid-column:span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}img.nest{z-index:97;width:80%;filter:drop-shadow(3px -3px var(--lightorange)) drop-shadow(-3px -3px var(--lightorange)) drop-shadow(3px 3px var(--lightorange)) drop-shadow(-3px 3px var(--lightorange))}ul.carousel{scroll-snap-type:x mandatory;anchor-name:--card-carousel;scrollbar-width:none;-ms-overflow-style:none;gap:100%;width:100%;margin-top:30px;padding:0 30px 15px 0;transition:transform 2s ease-in;display:flex;position:relative;overflow-x:scroll}ul.carousel::-webkit-scrollbar{display:none}body::-webkit-scrollbar-button{display:none}ul.carousel li{scroll-snap-align:center;flex:0 0 calc(100% + 15px);list-style-type:none}ul.carousel::scroll-button(*){color:var(--shadow);cursor:pointer;-webkit-text-fill-color:var(--orange);-webkit-text-stroke:2px;background:0 0;border:0;font-size:2rem}ul.carousel::scroll-button(*){position-anchor:--card-carousel;position:absolute}ul.carousel::scroll-button(*):hover{opacity:1}ul.carousel::scroll-button(*):focus{opacity:1}ul.carousel::scroll-button(*):active{translate:1px 1px}ul.carousel::scroll-button(*):disabled{opacity:.2;cursor:unset}ul.carousel::scroll-button(left){top:calc(anchor(top) + 120px);left:calc(anchor(left) - 45px);content:"◄" / "Previous"}ul.carousel::scroll-button(right){top:calc(anchor(top) + 120px);right:calc(anchor(right) - 40px);content:"►" / "Next"}section .list{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:15px;margin:15px 30px;display:grid}body section .list h3{font-family:var(--font-titles), sans serif;color:var(--shadow);-webkit-text-fill-color:var(--yellow);-webkit-text-stroke:1px;border-radius:50px;margin-top:5px;padding:5px 20px 2px;line-height:1}.list .category{border:2px solid var(--gray)}div.sponsors{flex-flow:wrap;justify-content:center;gap:30px;display:flex}div.sponsors img{max-width:300px;margin:auto}div.div-img{border:15px solid var(--orange);outline:5px solid var(--darkorange);border-radius:0 30px 30px 0;width:100%}div.div-img.right{border:15px solid var(--blue);outline:5px solid var(--yellow);border-radius:45px 0 0 45px}section .div-img{width:100%;min-height:800px;margin-right:calc(0px - var(--section-padding) * 2);background-size:cover}body.yellow{background-color:var(--yellow)}body.yellow h2{color:var(--darkorange);-webkit-text-fill-color:var(--orange);-webkit-text-stroke:1px}span.yellow{color:var(--yellow)}.tv-background{z-index:98;background-color:var(--purple);padding:25px;position:absolute;top:20%;left:32%;transform:scale(1.8)skew(-4deg)skewY(5deg)}h1{font-size:var(--h1-size);margin:0 0 30px}h2{font-size:var(--h2-size);font-family:var(--font-subheadings), serif;margin:0 0 15px;font-weight:400}h3{font-size:var(--h3-size);font-family:var(--font-subheadings), serif;margin:10px 0 15px;font-weight:400}h4{font-family:var(--font-titles);font-size:var(--h4-size)}p{color:var(--gray);font-family:var(--font-regular), sans-serif;margin:0}.point{background-color:var(--lightgreen);border:2px solid var(--darkgreen);width:20px;height:20px;box-shadow:2px 2px var(--darkgreen);border-radius:50%}.card{border-radius:var(--border-radius);border:2px solid var(--orange);background-color:var(--lightyellow);box-shadow:6px 6px var(--lightorange);flex-direction:column;padding:30px;display:flex;position:relative}.card .caps{text-transform:uppercase;letter-spacing:1px;font-style:normal;font-size:calc(var(--p-size) - 2px)}.card h3{color:var(--orange);margin-top:15px}.tags{flex-flow:wrap;gap:5px 30px;margin-bottom:30px;display:flex}.tag{justify-content:left;align-items:center;gap:7px;display:flex}.material-symbols-outlined{font-size:calc(var(--p-size) + 10px);color:var(--orange);margin-top:-3px}.card .description{color:var(--gray);margin-top:auto;font-style:italic}.card .category{margin:-2px;position:absolute;top:0;right:0}.noise:before{z-index:97;filter:contrast(5);content:"";opacity:.2;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence baseFrequency='.75' numOctaves='3'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");width:100%;height:100%;position:absolute;inset:0;transform:scale(2)}.category{border-radius:0px var(--border-radius);border:2px solid var(--orange);justify-content:center;align-items:center;width:50px;height:50px;padding:5px;display:flex;position:relative;overflow:hidden}.category.tech{background-color:var(--lightorange)}.category.social{background-color:var(--lightgreen)}.category.gaming{background-color:var(--lightred)}.category.contest{background-color:var(--lightteal)}.category.career{background-color:var(--lightpurple)}.category.contest img{filter:contrast(150%) hue-rotate(160deg) saturate(200%) brightness(80%) drop-shadow(1px 1px var(--teal)) drop-shadow(-1px -1px var(--teal)) drop-shadow(4px 1px var(--teal))}.category.career img{filter:contrast(130%) hue-rotate(160deg) saturate(70%) brightness(80%) drop-shadow(1px 1px var(--purple)) drop-shadow(-1px -1px var(--purple)) drop-shadow(4px 1px var(--purple))}.category.social img{filter:contrast(130%) hue-rotate(-80deg) saturate(70%) brightness(100%) drop-shadow(1px 1px var(--green)) drop-shadow(-1px -1px var(--green)) drop-shadow(5px 1px var(--green))}.category.gaming img{filter:invert(20%) sepia(80%) saturate(7) hue-rotate(90deg) brightness(90%) contrast(1) drop-shadow(1px 1px var(--red)) drop-shadow(-1px -1px var(--red)) drop-shadow(4px 1px var(--red));transform:scale(1.1)}.category.tech img{filter:contrast(100%) hue-rotate(160deg) saturate(150%) brightness(90%) drop-shadow(1px 1px var(--orange)) drop-shadow(-1px -1px var(--orange)) drop-shadow(4px 1px var(--orange))}.category img{object-fit:contain;height:75%}.error{color:#cd5c5c;text-align:center;background-color:#ffe4e1;border:2px solid #ffb6c1;border-radius:10px;margin:10px 0 15px;padding:10px}.success{color:#20b2aa;text-align:center;background-color:#f0fff0;border:2px solid #7fffd4;border-radius:10px;margin:10px 0 15px;padding:10px}form{background-color:var(--lightyellow);border-radius:var(--border-radius);border:2px solid var(--orange);box-shadow:6px 6px var(--lightorange);flex-direction:column;padding:30px;display:flex}form div.links{flex-direction:column;align-items:center;gap:5px;display:flex}form div.links a{font-family:var(--font-regular);color:var(--gray)}input{box-sizing:border-box;width:100%;font-size:var(--p-size);background-color:var(--lightorange);border:2px solid var(--gray);color:var(--gray);margin-bottom:15px;padding:15px}input:focus{background-color:var(--beige);border:2px solid var(--orange);outline:none}form button{justify-content:center;align-items:center;gap:5px;width:100%;margin:5px 0 15px;display:flex}form button span{color:var(--beige);font-size:var(--h3-size);margin-top:1px}form p{align-items:flex-end;gap:5px;display:flex}form p span{font-variation-settings:"wght" 300;font-size:26px}form h3{font-family:var(--headings);text-align:center;text-shadow:1px 1px 1px var(--darkyellow);color:var(--orange);letter-spacing:-.5px;margin:0 0 15px;font-weight:700}@media screen and (width<=1200px){:root{--line-height:1.15;--h1-size:120px;--h2-size:72px;--h3-size:36px;--p-size:20px;--hero-padding:30px;--hero-p-size:22px;--section-padding:60px;--clear-only-fullscreen:#17150b66}section{padding:var(--section-padding);flex-direction:column;align-items:flex-start;gap:30px;padding-top:60px;display:flex}section.hero{padding-top:200px}section.hero .header{font-size:var(--hero-p-size);flex-direction:column;gap:15px;margin-bottom:60px;display:flex}section.hero .img-side{width:80%;margin:auto}section.hero p{max-width:100%}button{width:300px;height:70px;font-size:var(--hero-p-size);background-color:var(--orange);color:#fff;text-shadow:2px 2px 1px var(--shadow);border:2px solid #000;margin-top:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:30px;display:grid}section .div-img{background-size:cover;width:100%;min-height:400px;max-height:400px;margin:30px 0}}@media screen and (width<=800px){:root{--line-height:1.15;--home-h1-size:60px;--h1-size:60px;--h2-size:48px;--h3-size:28px;--p-size:16px;--hero-padding:30px;--hero-p-size:18px;--section-padding:30px;--clear-only-fullscreen:#17150b66}section.hero .header{font-size:var(--hero-p-size);flex-direction:column;gap:15px;margin-bottom:0;display:flex}.grid{grid-template-columns:minmax(0,1fr);gap:15px;margin-top:0;display:grid}section .list{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:15px;margin:15px 0;display:grid}section.hero{padding-top:100px}div.div-img{width:100%}div.div-img.right{margin:0}button{width:100%;height:50px;font-size:var(--hero-p-size);background-color:var(--orange);color:#fff;text-shadow:2px 2px 1px var(--shadow);border:2px solid #000;margin-top:0}div.carousel{align-self:center;width:75%}}
