html{width:100%;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}@keyframes moving-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{font-family:Courier New,Courier,monospace;color:#fff;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;width:100%;min-height:100vh;background-color:#000;background-image:linear-gradient(-45deg,#280a23cc,#0f1932b3,#0a282899,#0f1932b3,#280a23cc);background-size:400% 400%;animation:moving-gradient 20s linear infinite}.container{width:100%;max-width:1200px;padding:20px;display:flex;flex-direction:column;align-items:center;flex-grow:1;position:relative;z-index:1;background:none}.isi{font-size:1.5em;padding:40px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:35px;width:100%;order:0}h1,h2{display:block;margin:0;text-align:center;width:auto;max-width:100%}h1{position:relative;font-size:3em;font-weight:700;margin-bottom:.5em;background-color:#300a24;display:inline-block;padding:.5em;color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;line-height:1.2;font-family:Courier New,Courier,monospace}h1:hover{text-shadow:0px -5px #ec2225,0px 5px #00c2cb,-5px 0px #ec2225,5px 0px #00c2cb}h1:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;padding:.5em;text-align:center;font:inherit;line-height:1.2;color:#e0ffff;opacity:0;pointer-events:none;transition:opacity .1s linear}h1:hover:before{opacity:1;animation:animate 12ms ease-in-out infinite;z-index:1;transition:none}@keyframes animate{0%,to{transform:translateY(-7px);opacity:1}20%{transform:translate(-10px);opacity:.7}40%{transform:translateY(7px);opacity:.2}60%{transform:translate(10px);opacity:.3}80%{transform:translate(0);opacity:.9}}h2{margin-top:-1.4em;color:#000;font-size:1.5em;text-align:center;background-color:#fff;display:inline-block;padding:.5em;line-height:1.3}.about{width:100%;max-width:750px;margin:0;padding:15px;background-color:#1a1a1acc;border-radius:5px;text-align:left}.about h3{font-size:1.1em;text-align:center;margin-bottom:12px;color:#fff}.about p{font-size:.7em;line-height:1.6;margin:0;color:#e0e0e0}.experience{margin:0;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:30px}.experience h3{margin:0 0 10px;text-align:center;color:#fff;width:100%;font-size:1.1em}.experience .images-container{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;padding:0 10px;width:100%}.experience .images-container .code-image-wrapper{position:relative;display:inline-flex;cursor:pointer}.experience .images-container .code-image-wrapper img{width:70px;height:70px;object-fit:contain;display:block;transition:transform .3s ease}.experience .images-container .code-image-wrapper img:hover{transform:scale(1.1)}.experience .images-container .code-image-wrapper .tooltip-text.code-tooltip{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background-color:#1a1a1a;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75em;white-space:nowrap;z-index:5}.top-right-icons{position:absolute;top:15px;right:30px;display:flex;gap:10px;z-index:10}.top-right-icons .icon{position:relative;width:35px;height:35px;cursor:pointer;filter:grayscale(100%) brightness(.8) sepia(1) hue-rotate(-50deg) saturate(5);transition:transform .3s ease,filter .3s ease}.top-right-icons .icon:hover{transform:scale(1.1);filter:grayscale(0%) brightness(1) sepia(1) hue-rotate(-50deg) saturate(5)}.top-right-icons .icon img{width:100%;height:100%;display:block}.top-right-icons .icon .tooltip-text.social-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background-color:#1a1a1a;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8em;white-space:nowrap;z-index:11}@media (min-width: 1024px){.container{max-width:1400px;padding:30px 40px}.isi{padding:50px 0;gap:50px}h1{font-size:3.5em;margin-bottom:.6em}h2{font-size:1.7em}.about{max-width:900px;padding:20px;margin:0}.about p{font-size:.8em}.experience{max-width:1100px;gap:40px;margin:0}.experience h3{font-size:1.2em}.experience .images-container{gap:20px}.experience .images-container img{width:80px;height:80px}.experience .images-container .tooltip-text.code-tooltip{font-size:.8em;bottom:-28px}.experience .text-container{gap:30px;padding:25px}.experience .text-container .text-experience h3,.experience .text-container .text-abilities h3{font-size:1.1em}.experience .text-container ul{font-size:.8em}.top-right-icons{gap:15px;right:40px}.top-right-icons .icon{width:40px;height:40px}.top-right-icons .tooltip-text.social-tooltip{font-size:.85em}}@media (max-width: 768px){body{min-height:100vh;overflow-y:auto}.container{padding:15px;max-width:100%}.top-right-icons{position:static;order:-1;width:100%;justify-content:center;display:flex;gap:20px;margin:0;padding:15px 0}.top-right-icons .icon{width:30px;height:30px}.top-right-icons .tooltip-text.social-tooltip{bottom:-32px;font-size:.75em;padding:4px 8px;white-space:nowrap}.isi{order:0;font-size:1.3em;margin:0;padding:20px 0;gap:25px}h1{font-size:2.2em;padding:.4em;margin-bottom:.4em}h1:before{padding:.4em}h2{font-size:1.2em;padding:.4em;margin-top:0}.about{margin:0;padding:12px;max-width:95%}.about h3{font-size:1em;margin-bottom:10px}.about p{font-size:.65em;line-height:1.5}.experience{gap:20px;margin:0;width:100%;max-width:100%}.experience h3{font-size:1em}.experience .images-container{gap:12px}.experience .images-container .code-image-wrapper img{width:48px;height:48px}.experience .images-container .code-image-wrapper .tooltip-text.code-tooltip{bottom:-22px;font-size:.65em;padding:3px 6px;white-space:nowrap}}@media (max-width: 480px){.container{padding:10px}.top-right-icons{gap:15px;padding:10px 0}.top-right-icons .icon{width:28px;height:28px}.top-right-icons .tooltip-text.social-tooltip{bottom:-30px;font-size:.5em;white-space:nowrap}.isi{font-size:1.2em;padding:15px 0;gap:20px}h1{font-size:1.8em;margin-bottom:.3em}h2{font-size:1.1em}.about{margin:0;padding:10px}.about p{font-size:.6em}.experience{margin:0;gap:15px}.experience .images-container{gap:10px}.experience .images-container .code-image-wrapper img{width:42px;height:42px}.experience .images-container .code-image-wrapper .tooltip-text.code-tooltip{bottom:-20px;font-size:.4em;padding:2px 5px;white-space:nowrap}}