.btn-neon{border:none;animation:glow .8s ease-out infinite alternate;box-shadow:none;color:#565656;text-shadow:0 0 0 transparent;font-size:16px;transition:.2s;-webkit-transition:.2s;padding:2px 10px;line-height:40px;margin:0;border-radius:50px;cursor:pointer;border:2px solid rgba(0,255,0,.2)}.btn-neon:hover{background-color:#63D471;color:#fff;text-shadow:0 0 4px #fff;box-shadow:inset 0 0 6px lime,0 0 6px lime;border-color:#afa}.remark-code-title{border-top-left-radius:.25rem;border-top-right-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1));padding:.75rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(229 229 229/var(--tw-text-opacity,1))}.remark-code-title+div>pre{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.code-highlight{float:left;min-width:100%}.code-line{margin-left:-1rem;margin-right:-1rem;display:block;border-left-width:4px;border-color:transparent;padding-left:1rem;padding-right:1rem}.code-line.inserted{background-color:rgb(34 197 94/var(--tw-bg-opacity,1));--tw-bg-opacity:0.2}.code-line.deleted{background-color:rgb(239 68 68/var(--tw-bg-opacity,1));--tw-bg-opacity:0.2}.highlight-line{margin-left:-1rem;margin-right:-1rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1));background-color:rgb(64 64 64/var(--tw-bg-opacity,1));--tw-bg-opacity:0.5}.line-number:before{margin-right:1rem;margin-left:-.5rem;display:inline-block;width:1rem;text-align:right;--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1));content:attr(line)}.token.cdata,.token.comment,.token.prolog{color:rgb(99,119,119);font-style:italic}.token.punctuation{color:rgb(199,146,234)}.namespace{color:rgb(178,204,214)}.token.deleted{color:rgba(239,83,80,.56);font-style:italic}.token.property,.token.symbol{color:rgb(128,203,196)}.token.keyword,.token.operator,.token.tag{color:rgb(127,219,202)}.token.boolean{color:rgb(255,88,116)}.token.number{color:rgb(247,140,108)}.token.builtin,.token.char,.token.constant,.token.function{color:rgb(130,170,255)}.token.doctype,.token.selector{color:rgb(199,146,234);font-style:italic}.token.attr-name,.token.inserted{color:rgb(173,219,103);font-style:italic}.language-css .token.string,.style .token.string,.token.entity,.token.string,.token.url{color:rgb(173,219,103)}.token.atrule,.token.attr-value,.token.class-name{color:rgb(255,203,139)}.token.important,.token.regex,.token.variable{color:rgb(214,222,235)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.table{display:inline}.hero-image{position:relative;height:400px;overflow:hidden}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.flex{display:flex;align-items:center;text-align:center}.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media (max-width:768px){.waves{height:40px;min-height:40px}}:root{--bg-color-light:#006400;--text-color-light:#fff;--bg-color-dark:#63D471;--text-color-dark:#fff}.dark .link:hover,.link:hover{color:var(--bg-color-dark)}h1{text-align:center}.prose{max-width:50rem}.prose code:not(:where([data-code-type=code-block])){border:1px solid #00ff94;font-family:Fira Code,monospace;font-size:.95rem;color:#00ff94;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;margin:.3rem 0;box-shadow:inset 3px 3px 5px rgba(128,126,126,.2),3px 3px 5px rgba(0,0,0,.1),5px 5px 15px rgba(0,0,0,.1)}.dark .prose pre{background:transparent;border:1px solid #5f6160;border-radius:12px}.light .prose pre{background:rgba(0,255,148,.12);border-radius:12px}.light .prose code{border:2px solid #23a06c;font-family:Fira Code,monospace;font-size:.96rem;color:#000;backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;margin:.3rem 0;box-shadow:inset 3px 3px 5px rgba(47,199,60,.2),3px 3px 5px rgba(60,189,38,.1),5px 5px 15px rgba(39,238,145,.1)}.prose a{text-decoration:none;color:#3fb13f}.prose a:focus,.prose a:hover{color:#ffffff}.dark .prose a{text-decoration:none;color:#186c18}.dark .prose a:focus,.dark .prose a:hover{color:#ffffff}.prose>ol>li>:last-child,.prose>ul>li>:last-child{margin-bottom:0}.prose>ol>li>:first-child,.prose>ul>li>:first-child{margin-top:0}.light .prose blockquote{border:1px solid rgba(72,216,33,.2);background-color:#f0fff4;color:#006400;font-style:italic}.dark .prose blockquote,.light .prose blockquote{border-radius:10px;padding:1rem;position:relative;margin:1.5rem 0}.dark .prose blockquote{background-color:#292a29;color:#00ff94;box-shadow:5px 2px 4px rgba(31,32,31,.3),-3px -2px 4px rgba(87,143,87,.4)}.prose blockquote p:first-of-type:before,.prose blockquote p:last-of-type:after{content:""}.prose blockquote:before{font-size:3rem;color:#00ff94;position:absolute;top:-.5rem;left:-1.5rem}.prose blockquote:after{font-size:3rem;color:#00ff94;position:absolute;bottom:-.5rem;right:-1.5rem}.prose blockquote p{margin:0;padding:.5rem}.prose hr{border-style:solid;border-width:0 0 1px;-o-border-image:linear-gradient(90deg,#00ff9480,#00e0f380,#00c4fd80) 1;border-image:linear-gradient(90deg,#00ff9480,#00e0f380,#00c4fd80) 1}.mdx.prose :where(h1,h2,h3,h4){scroll-margin-top:100px;position:relative;display:block;margin-right:.5rem;width:-moz-fit-content;width:fit-content}.mdx.prose :where(h1,h2,h3,h4)>a{border-bottom:none}.mdx.prose.projects blockquote{font-style:normal}.mdx.prose.projects blockquote:first-of-type h2{margin-top:1rem}.mdx.prose.projects blockquote.with-icons h2{margin-bottom:0}.mdx.prose .yt-lite{overflow:hidden;border-radius:.25rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mdx.prose .yt-lite:is(.dark *){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hash-anchor{top:0;bottom:0;width:100%;position:absolute;background-image:none;transition:none}.hash-anchor:hover{background-image:linear-gradient(90deg,#00ff94,#00e0f3,#00c4fd);background-size:100% 2px}.hash-anchor:focus:after,.hash-anchor:hover:after{visibility:visible}.hash-anchor:after{visibility:hidden;position:absolute;right:-1.25rem;top:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(190 242 100/var(--tw-text-opacity,1))}.hash-anchor:is(.dark *):after{--tw-text-opacity:1;color:rgb(190 242 100/var(--tw-text-opacity,1))}.hash-anchor:after{content:"#"}.webdesigntuts-workshop input:focus::-webkit-input-placeholder{color:#efe}.webdesigntuts-workshop input:focus:-moz-placeholder{color:#efe}body{zoom:.8;-moz-transform:scale(.8);-moz-transform-origin:top left}@keyframes shine-green{0%,to{box-shadow:0 0 10px 2px rgba(72,187,120,.5)}50%{box-shadow:0 0 20px 4px rgba(72,187,120,.8)}}.shine-green{animation:shine-green 2s infinite}.dark .webdesigntuts-workshop input:focus{animation:glow .8s ease-out infinite alternate;background:#222922;background:linear-gradient(#333933,#222922);border-color:#393;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;color:#efe;outline:none}.custom-shadow{box-shadow:0 4px 4px rgba(69,67,67,.1);padding:15px;border-radius:12px}.webdesigntuts-workshop input:focus{animation:glow .8s ease-out infinite alternate;background:#9c9393;border-color:#999;box-shadow:0 0 5px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1),0 2px 0 #000;color:#333;outline:none}.webdesigntuts-workshop button:focus,.webdesigntuts-workshop button:hover{background:#292929;background:linear-gradient(#393939,#292929);color:#5f5;outline:none}@keyframes glow{0%{border-color:#393;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000}to{border-color:#afa;box-shadow:0 0 20px rgba(0,255,0,.6),inset 0 0 10px rgba(0,255,0,.4),0 2px 10px #000}}@font-face{font-family:Rubik;src:url(/_next/static/media/Rubik-Regular.7c3851e6.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url(/_next/static/media/Rubik-Bold.2415e0ee.ttf);font-weight:700;font-style:normal;font-display:swap}h1{font-weight:800}body,h1{font-family:Rubik,sans-serif}body{font-weight:400}strong{font-weight:600}.rubikaaa{font-family:Rubik,sans-serif;font-weight:800}.bubble{position:fixed;width:50px;height:50px;border:1px solid #c6c6c6;border-radius:50%;left:0;top:0;transform:translate(-50%,-50%);transition:.1s;z-index:9999;pointer-events:none;transform-style:preserve-3d;transform:translateZ(-20px)}.inner-bubble{width:40px;height:40px;transform:translate(-50%,-50%) rotateX(-45deg) rotateY(-45deg);transform-style:preserve-3d;animation:hover 1s ease-in-out infinite alternate}.inner-bubble,.inner-inner-bubble{position:absolute;top:50%;left:50%}.inner-inner-bubble{width:20px;height:20px;transform:translate(-50%,-50%) rotateX(-45deg) rotateY(-45deg);border-radius:50%;background-color:rgb(8,239,162)}@keyframes hover{0%{transform:translate(-50%,-50%) rotateX(-45deg) rotateY(-45deg)}to{transform:translate(-50%,-50%) rotateX(45deg) rotateY(45deg)}}.bubble:hover .inner-bubble{animation:none;transform:translate(-50%,-50%) rotateX(45deg) rotateY(45deg)}.awesome-button{background-color:limegreen;color:white;border:none;padding:10px 20px;font-size:16px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.awesome-button:before{content:"";position:absolute;background-color:#00ff00;width:100%;height:100%;top:0;left:-100%;transition:all .5s ease}.awesome-button:hover{transform:scale(1.1)}.awesome-button:hover:before{left:100%}.photobox img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photobox{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;border-left:1px solid #2eb055;border-bottom:1px solid #2eb055;border-image-slice:1}.rubikaaa{font-family:YourFont,Arial,Helvetica,sans-serif}table{border-collapse:collapse;width:100%;border-spacing:0}table td,table th{padding:12px;text-align:center;border:none;position:relative}table tr{border-bottom:1px solid #2eb055}table thead tr{border-bottom:3px solid #2eb055}table td:first-child{border-left:none}table td:last-child{border-right:none}table tr:first-child th{border-bottom:3px solid #2eb055}table td:first-child,table td:nth-child(2),table td:nth-child(3){border-bottom:1px solid #77c38e}