body,html{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}footer{margin-top:auto}footer,header{background-color:#f8f9fa}header{top:0;width:100%;z-index:1000}.g-container{max-width:1000px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 5px 8px rgba(0,0,0,.1)}.container h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:#333}.container p{font-size:1.2rem;line-height:1.6;color:#555}.gradient-background{background:linear-gradient(-60deg,#0094ff,#0ff,#0094ff,#0ff);background-size:400% 400%;animation:gradientAnimation 30s ease infinite}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.custom-dropdown{border:none}.custom-dropdown .nav-link{color:#fff!important}.custom-dropdown .dropdown-item:hover{background-color:#a1a1a1}.custom-dropdown .dropdown-menu{margin:0;padding:0;background-color:#ccc}.custom-dropdown .dropdown-item{color:#fff}.not-found-container{flex-direction:column;justify-content:center;height:70vh;text-align:center;margin:0}.not-found-container,.not-found-content{display:flex;align-items:center}.not-found-number{display:inline-block;padding:20px;font-size:25px;font-weight:700;color:#000;border-right:1px solid rgba(0,0,0,.3);line-height:20px;margin:0}.not-found-message{display:inline-block;font-size:20px;vertical-align:top;margin-left:20px}.not-found-message p{font-size:20px;margin:auto}.not-found-link{margin-top:50px;font-size:18px}.not-found-link a{color:#fff;text-decoration:none}.not-found-link a:hover{text-decoration:underline;color:#0ff}.heading1 .char{display:inline-block;animation:jumping 1.5s ease-in-out infinite;animation-delay:calc(.05s * var(--char-index));-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:5px}@keyframes jumping{0%{top:0;transform:scale(1)}50%{top:-20px;transform:scale(1)}to{top:0;transform:scale(1)}}.heading2 .char{display:inline-block;animation:expand 5s ease-in-out infinite normal;animation-delay:calc(var(--char-index) * .5s);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes expand{0%{transform:scale(1);color:#ff1493}25%{text-shadow:.2vmin .1vmin 0 #d84146;transform:scale(.5,2)}50%{text-shadow:.2vmin .1vmin 0 #d84146;transform:scale(.5,2)}75%{text-shadow:.2vmin .1vmin 0 #d84146;transform:scale(.5,2)}to{transform:scale(1)}}.heading3 .char{display:inline-block;animation:pulse 8s infinite;animation-delay:calc(var(--char-index) * .1s);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes pulse{0%{transform:scale(.5);color:#7fffd4}25%{transform:scale(.8);color:#ff1493}50%{transform:scale(1.1);color:#7fffd4}75%{transform:scale(.8);color:#ff1493}to{transform:scale(.5);color:gold}}.heading4 .char{display:inline-block;cursor:zoom-in;transform-origin:center bottom;transition:transform .4s cubic-bezier(.4,0,.7,1.8),color .4s ease;color:var(--color);box-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.heading4 .char:nth-child(3),.heading4 .char:nth-child(4){letter-spacing:.02ch}.heading4 .char:hover{transform:scale(1.4);transition-duration:.2s;text-shadow:0 0 3px #000,0 0 20px var(--color);z-index:1}.heading4 .char:first-child:hover{--color:#ffd300}.heading4 .char:nth-child(2){--color:#de38c8}.heading4 .char:nth-child(2):hover{--color:#fff}.heading4 .char:nth-child(3):hover{--color:#8b5fda}.heading4 .char:nth-child(4){--color:#fc4545}.heading4 .char:nth-child(4):hover{--color:#fff}.heading4 .char:nth-child(5):hover{--color:#d3f6db}.heading4 .char:nth-child(6):hover{--color:#eb9486}.heading5 .char{display:inline-block;animation:jumpingX 3s cubic-bezier(.8,0,.9,.4) infinite;animation-delay:calc(.3s * var(--char-index));transform-origin:100% 50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes jumpingX{20%{transform:translateY(1%) scaleY(.8)}40%{transform:translateY(-5%) scaleY(1.6);color:#ffd300}60%{transform:translateY(5%) scaleY(.6)}80%,to{transform:translateY(0) scaleY(1);color:red}}.heading6 .char{display:inline-block;animation:slide-in-top 1s cubic-bezier(.5,0,.5,1) both;animation-delay:calc(.2s * var(--char-index));animation-fill-mode:forwards;-webkit-user-select:none;-moz-user-select:none;user-select:none}.heading6 .char:nth-child(odd){animation-name:slide-in-bottom}.heading6 .char:last-child{animation-name:slide-in-right;animation-delay:0s}.heading6 .char:nth-child(odd){animation:shakeanim 1s ease-in-out infinite;animation-delay:calc(.2s * var(--char-index))}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-50%);color:#fc4545}to{opacity:1;transform:translateY(0);color:#ffd300}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(50%);color:#fc4545}to{opacity:1;transform:translateY(0);color:#ffd300}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(-400%);color:#fc4545}to{opacity:1;transform:translateX(0);color:#ffd300}}@keyframes shakeanim{0%{transform:translateX(0);color:#f500ff}25%{transform:translateX(-1px);color:#f500ff}50%{transform:translateX(1px);color:#f500ff}75%{transform:translateX(-1px);color:#f500ff}to{transform:translateX(0)}}.heading7 .char{display:inline-block;animation:flipText 10s infinite;animation-delay:calc(.3s * var(--char-index));transform-origin:100% 50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes flipText{0%{transform:rotateY(0deg);color:#fc4545}5%{transform:rotateY(90deg);color:#f500ff}to{transform:rotateY(0deg)}}.heading8 .char{display:inline-block;animation:heartbeat 10s infinite;animation-delay:calc(.3s * var(--char-index));transform-origin:100% 50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes heartbeat{20%{transform:rotate(15deg);color:#fc4545}40%{transform:rotate(-10deg);color:#14f3a1}60%{transform:rotate(5deg);color:#0ff}80%{transform:rotate(-5deg);color:#d5640f}to{transform:rotate(0deg);color:#fff}}.hover-underline-animation{position:relative;color:inherit;text-decoration:none}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:currentColor;transform-origin:bottom right;transition:transform .25s ease-out;color:#fff}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}