body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}body{background:#000;color:#0f0}:root{--angle:0deg}*{font-family:monospace}.main{display:flex;flex-direction:column;margin:0}.main .background{height:100vh;margin:0;position:fixed;width:100vw;z-index:-2}.main .navbar{animation:gradient 2s infinite alternate,blinker .9s ease-in-out infinite alternate;background:linear-gradient(50deg,#000,#0f02);background-size:400%;border:2px solid green;border-radius:50px;bottom:50%;display:flex;flex-direction:column;gap:4vh;height:fit-content;justify-content:space-around;left:1vw;padding:10px;position:fixed;translate:0 50%;z-index:3}@keyframes gradient{0%{background-position:0}to{background-position:100%}}.main .navbar #icons:hover{animation:hovered .2s ease-in-out forwards}@keyframes hovered{0%{color:green}to{color:red}}.glitcher{animation:glitch 1s infinite alternate}@keyframes glitch{0%{opacity:0}to{opacity:1}}.main .hero{-webkit-backdrop-filter:blur(.7px);backdrop-filter:blur(.7px);background:#0000;display:flex;height:100vh;justify-content:space-evenly;width:100vw}.main .hero .about{align-content:left;align-items:left;align-self:center;background:#0000;display:flex;flex-direction:column;height:30vh;justify-content:center;width:max-content}.main .hero .about .name{font-size:45px;overflow:hidden;text-shadow:#0a0 0 0 10px;white-space:nowrap;width:max-content}.main .hero .about .field{animation-delay:1s;animation-direction:forward;color:#0a0;font-size:20px;overflow:hidden;text-shadow:#050 0 0 10px;white-space:nowrap}.main .hero .vortex{position:relative;transform:scale(1.3);z-index:-2}.circle{border:10px dashed #0a09;border-radius:455px;height:200px;width:200px}.circle,.circle:after{left:50%;position:absolute;top:50%;translate:-50% -50%}.circle:after{border:4px dashed #0f0;border-radius:200px;content:"";height:20px;width:20px}.rotation{animation:rotate 6s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.center{left:50%;position:absolute;top:50%;translate:-50% -50%}.circle2{animation-direction:reverse;animation-duration:3s;border:2px dashed green;border-radius:300px;height:55px;width:55px}.hline{animation-direction:alternate;animation-timing-function:cubic-bezier(.6,.04,.98,.335);background:linear-gradient(90deg,#0f0,#0000,#0f0);height:2px;width:300px}.hline,.vline{animation-duration:2s}.vline{animation-direction:alternate-reverse;animation-timing-function:cubic-bezier(.215,.61,.355,1);background:linear-gradient(0deg,#0f0,#0000,#0f0);height:300px;width:2px}.halfcircle{animation-duration:.4s;animation-timing-function:linear;border-radius:400px;box-shadow:2px 2px 1px #0a0;height:250px;width:250px}.halfcircle2{animation-direction:reverse;animation-duration:.7s;border-radius:400px;border-top:5px groove #0f0;height:150px;width:150px}.circle3{border:3px solid #7f0;border-radius:300px;height:205px;width:205px;z-index:-1}.circle3:after{border-color:#0f0 #000;border-radius:200px;border-style:dotted solid;border-width:2px medium;height:37px;width:37px}.circle3:after,.circle3:before{content:"";left:50%;position:absolute;top:50%;translate:-50% -50%}.circle3:before{border-color:#2c0 #000 #070;border-radius:200px;border-style:solid;border-width:3px 2px;height:120px;width:120px}.circle4{animation-direction:alternate;animation-duration:2s;animation-timing-function:cubic-bezier(.47,0,.745,.715);border:3px groove #0f0;border-radius:200px;box-shadow:0 0 100px #070;height:79px;width:79px}.blinker{animation:blink 1ms ease-in infinite}@keyframes blink{0%{opacity:0}to{opacity:1}}.circle5{border:6px double green;border-radius:300px;height:166px;width:166px}.hline1{animation-direction:reverse;animation-duration:.7s;animation-timing-function:ease-out;background:linear-gradient(90deg,#0000,#0a1,#0000);height:150px;width:2px}.circle6{animation-direction:alternate;animation-duration:2s;animation-timing-function:ease;border-color:#070 #000;border-radius:200px;border-style:solid;border-width:4px 3px 4px 4px;height:230px;width:230px}.tricircle{animation-direction:alternate-reverse;animation-duration:2s;animation-timing-function:linear;border-color:#0000 #0000 #0707;border-radius:400px;border-style:inset solid solid;border-width:70px;height:160px;width:160px}.tricircle2{animation-direction:alternate;animation-duration:2.3s;animation-timing-function:linear;border-color:#0000 #0000 #0009;border-radius:400px;border-style:inset solid solid;border-width:70px;height:60px;width:60px}.main .terminal{align-items:center;background:#000a;display:flex;flex-direction:column;height:fit-content;justify-content:center;padding-block:10vh;width:100vw}.blink{animation:blinker 1s ease-in-out infinite alternate}@keyframes blinker{0%{border:2px solid #0000}to{border:2px solid #0f0}}.main .terminal h2{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;font-size:30px;margin-bottom:3vh;overflow:hidden;text-align:center;white-space:nowrap}.main .terminal .description{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0004;border:1px solid #0f0;border-radius:10px;display:flex;flex-direction:column;font-size:16px;height:max-content;padding:2vh;text-align:left;width:56vw}.main .terminal .description .terminal-title{border-bottom:1px solid green;color:green;font-size:15px;margin:0;padding-block:2px}.main .terminal .description .whoami{animation-duration:2s;background:#0000;margin-bottom:0;overflow:hidden;padding:0;white-space:nowrap}.main .terminal .description .whoami-output{animation-delay:1s;animation-duration:2s;margin-bottom:0;overflow:hidden;white-space:nowrap}.main .terminal .description .cat-aboutme{animation-delay:3s;animation-direction:backwards;animation-duration:2s;background:#0000;margin-bottom:0;overflow:hidden;padding:0;white-space:nowrap}.main .terminal .description .aboutme{animation-delay:4s;animation-duration:3s;overflow:hidden;white-space:nowrap}@keyframes output{0%{opacity:0}to{opacity:1}}.main .terminal .description .ls-skills{animation-delay:7s;margin-bottom:0;overflow:hidden;padding:0;white-space:nowrap}.main .terminal .description .ls-skills-output{animation-delay:8s;margin:0;overflow:hidden;white-space:nowrap}.main .terminal .description .ls-skills-output p{margin:0}.type-animation{animation:typing-terminal 5s steps(40) forwards}@keyframes typing-terminal{0%{opacity:1;white-space:nowrap;width:0}50%{opacity:1;white-space:nowrap;width:100%}to{opacity:1;white-space:pre-wrap;width:100%}}.main .skills{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000a;display:flex;flex-direction:column;gap:2vh;height:50vh;justify-content:center;width:100vw}.main .skills h2{animation-duration:2.3s;animation-iteration-count:infinite;font-size:30px;overflow:hidden;white-space:nowrap}.main .skills .hex-grid{display:flex;gap:1.2vw}.main .skills .hex{align-items:center;background-color:#00ff411a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);cursor:pointer;display:flex;flex-direction:row;height:115px;justify-content:center;padding:20px;position:relative;transition:all .3s ease;width:100px}.main .skills .hex:nth-of-type(2){animation-delay:.2s}.main .skills .hex:nth-of-type(3){animation-delay:.4s}.main .skills .hex:nth-of-type(4){animation-delay:.6s}.main .skills .hex:nth-of-type(5){animation-delay:.8s}.main .skills .hex:nth-of-type(6){animation-delay:1s}.main .skills .hex:hover{background-color:#00ff414d}.floating{animation:floating 2s infinite alternate}@keyframes floating{0%{transform:translateX(10px)}33%{opacity:.1;transform:translateY(-10px) translateX(0)}to{transform:translateX(-10px)}}.main .projects{-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);background:#0005;display:flex;flex-direction:column;height:max-content;justify-content:center;padding-block:10vh;width:100vw}.main .projects h2{align-self:center;animation-iteration-count:infinite;font-size:30px;overflow:hidden;text-align:center;white-space:nowrap}.main .projects .project-blocks{display:flex;flex-wrap:wrap;gap:.5vh;justify-content:space-evenly;overflow:scroll;scrollbar-width:none}.main .projects .project-blocks .project-border{animation:border-rotate 5s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#0f0 45deg,#0000 90deg 180deg,#0f0 210deg 225deg,#0000 255deg 1turn);background:conic-gradient(from var(--angle),#0000 0deg,#0f0 45deg,#0000 90deg 180deg,#0f0 210deg 225deg,#0000 255deg 1turn);background-clip:padding-box,border-box;background-origin:border-box;border-radius:10px;display:flex;height:min-content;margin:0;padding:4px}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes border-rotate{to{--angle:360deg}}.main .projects .project-blocks .project-border .project{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000;border:1px solid #090;border-radius:10px;height:max-content;margin-bottom:0;padding:2vh;width:max-content}.main .projects .project-blocks .project:hover{animation:gradient 1s ease alternate}.main .projects .project-blocks .project h3{font-size:26px}.main .projects .project-blocks .project .tools-block{display:flex;flex-direction:row;flex-wrap:wrap;gap:1vh;justify-content:start}.main .projects .project-blocks .project .tools-block .tool{align-content:center;background:#0f02;border:1px solid green;border-radius:10px;height:fit-content;padding:1vh;text-align:center}.main .projects .project-blocks .project .tools-block .tool:hover{background:#f002;border:1px solid red;color:red}.zoomer{animation:zoomin .7s ease-in-out infinite alternate}@keyframes zoomin{0%{transform:translateY(0)}to{transform:translateY(5px)}}.main .footer{align-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0004;height:5vh;text-align:center;width:100vw}.main .footer .footer-content{display:flex;gap:2vw;justify-content:center}.main .footer .footer-content rights{color:#0f0;font-size:24px;padding:1vh;text-decoration:none;text-shadow:#0a0 0 0 10px}@media (max-width:786px) and (max-height:1080px){.main{margin:0}.main .background{width:100vw}.main .hero{justify-content:space-evenly}.main .hero .about{width:min-content}.main .hero .about .name{background:#0000;margin:0}.main .hero .about .field,.main .hero .about .name{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main .hero .about .field{background:#0003;color:#0f0;display:flex;justify-content:right;mix-blend-mode:normal;text-shadow:#090 0 0 10px}.main .navbar{bottom:3vh;flex-direction:row;left:50%;margin:0;translate:-50%;width:80vw}.main .terminal{height:max-content;justify-content:center}.main .terminal .description{width:80vw}.main .skills{height:max-content}.main .skills .hex-grid{flex-wrap:wrap;justify-content:center;overflow:scroll;padding:2vh;scrollbar-width:none;width:100vw}.main .projects .project-blocks .project-border .project{width:min-content}}
/*# sourceMappingURL=main.a1717aba.css.map*/