@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.glitch{position:relative;color:var(--Color);font-size:2.5em;letter-spacing:.5em;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,36px,0);transform:skew(.05deg)}5%{clip:rect(50px,9999px,59px,0);transform:skew(.77deg)}10%{clip:rect(5px,9999px,90px,0);transform:skew(.58deg)}15%{clip:rect(82px,9999px,60px,0);transform:skew(.25deg)}20%{clip:rect(55px,9999px,36px,0);transform:skew(.43deg)}25%{clip:rect(8px,9999px,44px,0);transform:skew(.89deg)}30%{clip:rect(81px,9999px,68px,0);transform:skew(.66deg)}35%{clip:rect(3px,9999px,11px,0);transform:skew(.96deg)}40%{clip:rect(17px,9999px,49px,0);transform:skew(.63deg)}45%{clip:rect(21px,9999px,14px,0);transform:skew(.15deg)}50%{clip:rect(13px,9999px,5px,0);transform:skew(.1deg)}55%{clip:rect(84px,9999px,70px,0);transform:skew(.1deg)}60%{clip:rect(76px,9999px,77px,0);transform:skew(.93deg)}65%{clip:rect(46px,9999px,99px,0);transform:skew(.66deg)}70%{clip:rect(22px,9999px,87px,0);transform:skew(.99deg)}75%{clip:rect(38px,9999px,98px,0);transform:skew(.51deg)}80%{clip:rect(57px,9999px,77px,0);transform:skew(.28deg)}85%{clip:rect(47px,9999px,56px,0);transform:skew(.75deg)}90%{clip:rect(59px,9999px,46px,0);transform:skew(.38deg)}95%{clip:rect(4px,9999px,62px,0);transform:skew(.17deg)}to{clip:rect(78px,9999px,84px,0);transform:skew(.31deg)}}@keyframes glitch-anim2{0%{clip:rect(12px,9999px,75px,0);transform:skew(.29deg)}5%{clip:rect(75px,9999px,71px,0);transform:skew(.45deg)}10%{clip:rect(97px,9999px,46px,0);transform:skew(.26deg)}15%{clip:rect(11px,9999px,92px,0);transform:skew(.23deg)}20%{clip:rect(50px,9999px,8px,0);transform:skew(.61deg)}25%{clip:rect(86px,9999px,26px,0);transform:skew(.16deg)}30%{clip:rect(77px,9999px,32px,0);transform:skew(.94deg)}35%{clip:rect(21px,9999px,30px,0);transform:skew(.72deg)}40%{clip:rect(3px,9999px,43px,0);transform:skew(.55deg)}45%{clip:rect(29px,9999px,72px,0);transform:skew(.34deg)}50%{clip:rect(93px,9999px,94px,0);transform:skew(.71deg)}55%{clip:rect(25px,9999px,83px,0);transform:skew(.39deg)}60%{clip:rect(48px,9999px,41px,0);transform:skew(.25deg)}65%{clip:rect(56px,9999px,52px,0);transform:skew(.82deg)}70%{clip:rect(5px,9999px,66px,0);transform:skew(.2deg)}75%{clip:rect(42px,9999px,100px,0);transform:skew(1deg)}80%{clip:rect(64px,9999px,76px,0);transform:skew(.93deg)}85%{clip:rect(47px,9999px,38px,0);transform:skew(.54deg)}90%{clip:rect(21px,9999px,97px,0);transform:skew(.28deg)}95%{clip:rect(60px,9999px,50px,0);transform:skew(.96deg)}to{clip:rect(34px,9999px,86px,0);transform:skew(.45deg)}}@keyframes glitch-skew{0%{transform:skew(2deg)}10%{transform:skew(0)}20%{transform:skew(3deg)}30%{transform:skew(-3deg)}40%{transform:skew(4deg)}50%{transform:skew(0)}60%{transform:skew(3deg)}70%{transform:skew(-3deg)}80%{transform:skew(-2deg)}90%{transform:skew(3deg)}to{transform:skew(2deg)}}@media (max-width: 700px){.glitch{font-size:2rem}}.home-container{padding:3rem 0 0 5rem;display:flex;flex-direction:column;gap:1.5rem}.home-container .text{font-size:.9rem;line-height:1.6rem}.more{margin:2rem 0}.more a{display:flex;gap:1rem;align-items:center;cursor:pointer;transition:.3s ease linear;text-decoration:none;color:var(--Color)}.more a i{animation-name:arrow;animation-duration:infinite}.home-container .more span:hover{text-decoration:underline}.socials{display:flex;gap:2rem;font-size:1rem;padding-bottom:5rem;padding:1rem}.socials a{color:var(--Color);text-decoration:none}.socials a i{font-size:1.2rem}.socials a i:hover{transform:scale(1.4)}@media (max-width:700px){.socials{justify-content:space-between;position:fixed;bottom:0;right:0;left:0;padding:1.3rem;background:#0003;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.socials a i{font-size:1.2rem}}.about-container{padding:0 10rem;display:flex;flex-direction:column;gap:2rem}.about-container h1{font-size:3rem}.about-container p{font-size:.8rem}.about-stuff .stuff-one{display:flex;flex-direction:column;gap:1rem;background-color:var(--Color);border-radius:1rem;padding:2rem;color:var(--innerColor);margin-bottom:1rem}.about-container h2{display:flex;align-items:center;gap:1rem}.about-stuff .top{display:flex;justify-content:space-between;align-items:center}.about-stuff .top a{color:var(--innerColor)}.aboutstuff p{padding:1rem}.about-stuff button{background:none;border:1px solid var(--innerColor);border-radius:.6rem;padding:1rem;width:10rem;color:var(--innerColor)}.about-stuff button:hover{background-color:var(--innerColor);color:var(--Color)}.tech-icons{display:flex;flex-direction:column;gap:2rem}.icons-container{display:flex;align-items:center;gap:1rem;height:10rem;overflow:hidden;overflow-x:scroll}.icons-container::-webkit-scrollbar{height:2px;background:var(--linkColor);border-radius:10px}.icons-container::-webkit-scrollbar-thumb{background:var(--innerColor)}.icons-container::-webkit-scrollbar-thumb:hover{background:var(--innerColor)}.about-container .about-icons img{width:5rem}.about-icons{display:flex;flex-direction:column;align-items:center;background-color:var(--Color);color:var(--innerColor);padding:.6rem;border-radius:.6rem}.about-icons:hover{border-radius:0;transform:scale(1.2);transition:transform 01s ease;transform:rotate(360deg)}.filter{filter:var(--nextTheme)}@media (max-width: 768px){.about-stuff .top{display:flex;flex-direction:column;align-items:start;gap:1rem}}.projects-container{display:flex;flex-direction:column;gap:1rem;width:92%}.projects-nav{display:flex;gap:2rem;justify-content:center;align-items:center;list-style:none}.projects-nav li a{color:var(--Color);text-decoration:none}.projects-nav li a:hover,.projects-nav li.home-nav{background-color:var(--Color);color:var(--innerColor);padding:.6rem;border-radius:.5rem}.project-outer-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.project-box{width:30rem;border-radius:1rem;overflow:hidden;position:relative}.project-box .image-box{overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center}.project-box img{width:35rem}.project-box .bottom{position:absolute;background-color:var(--primaryColor);z-index:100;bottom:-1000px;right:0;left:0;display:flex;flex-direction:column;gap:.6rem;padding:1rem;transition:bottom .3s ease linear}.project-box:hover .bottom{bottom:0}.project-box h1{font-size:1.3rem}.project-box p{font-size:.8rem}.project-box .techs{width:100%;display:flex;flex-wrap:wrap;gap:1rem}.project-box .techs .tech-box{background-color:var(--lineColor);color:var(--primaryColor);padding:.4rem;height:1.2rem;display:flex;align-items:center;border-radius:.2rem;z-index:112;font-size:.7rem}@media (max-width: 700px){.project-box .bottom{bottom:0}}.contact{padding:0 10rem;display:flex;flex-direction:column;gap:2rem;width:65vw}.page-heading{font-size:3rem}.contact p{font-size:.8rem}.contact form{display:flex;flex-direction:column;gap:2rem}.contact form input{background:none;border:1px solid var(--Color);border-radius:.3rem;padding:1rem;font-size:.9rem;color:var(--Color)}.contact form textarea{background:none;border:1px solid var(--Color);border-radius:.3rem;padding:1rem;height:10rem;font-size:.9rem;color:var(--Color)}.contact form button{background-color:var(--backColor);color:var(--innerColor);padding:1rem;border:none;border-radius:.3rem;width:10rem;font-size:.9rem;cursor:pointer}.master-preview{background-color:#0ff;background:#0003;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:fixed;right:0;bottom:0;top:0;width:100%;z-index:200}.preview-card{position:absolute;right:0;background-color:var(--Color);color:var(--innerColor);padding:2rem;top:0;bottom:0;z-index:200;width:40%;display:flex;flex-direction:column;gap:2rem;overflow:scroll}.preview-card img{max-width:100%;border-radius:1rem}.preview-nav{display:flex;justify-content:space-between;align-items:center}.preview-nav h2{font-size:1rem}.preview-card .line{width:100%;height:1px;background-color:var(--lineColor)}.preview-card .preview-content{display:flex;flex-direction:column;gap:2rem;position:relative}.preview-card a{text-decoration:none;color:var(--innerColor);opacity:.6;font-size:.8rem;font-weight:700}.preview-card a:hover{opacity:1}.preview-card .last-guy{margin-bottom:5rem}.open-proj{bottom:0;background-color:var(--innerColor);left:0;right:0;padding:1rem;display:flex;justify-content:center}.open-proj a{color:var(--Color);font-size:1rem;opacity:1;display:flex;align-items:center;gap:1rem}.open-proj:hover{background-color:#000c}.show-preview{right:-5000px;transition:.3s ease all}@media (max-width: 700px){.master-preview{background:none}.preview-card{width:100%}}:root{--backColor: #fff;--Color: #fff;--innerColor: #000000;--primaryColor: #020a13;--linkColor: #ffffff93;--lineColor: #aca7a7;--Image: url(/assets/background-CXakZV-z.jpg);--bodyLines: linear-gradient(transparent 99%, rgba(255, 255, 255, .05) 99%) 0 0 / 100px 100px, linear-gradient(90deg, transparent 99%, rgba(255, 255, 255, .05) 99%) 0 0 / 100px 100px}[data-theme=dark]{--Image: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);--backColor: #000000;--Color: #000000;--innerColor: #fff;--primaryColor: #e1e4e7;--linkColor: #020a13d3;--lineColor: #020a13f6;--logoTheme: invert(1) brightness(0);--nextTheme: invert(1) brightness(100);--bodyLines: linear-gradient(transparent 99%, rgba(20, 19, 19, .05) 99%) 0 0 / 100px 100px, linear-gradient(90deg, transparent 99%, rgba(0, 0, 0, .05) 99%) 0 0 / 100px 100px}html{scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif;transition:.2s ease all}.container{background-color:var(--primaryColor);color:var(--Color);height:fit-content;position:sticky}.container:before{content:"";position:absolute;top:0;left:0;width:100%;height:inherit;background:radial-gradient(circle at 20% 30%,rgba(2,65,35,.322),transparent 60%),radial-gradient(circle at 70% 80%,rgba(255,192,203,.15),transparent 70%),radial-gradient(circle at 30% 70%,rgba(0,255,255,.1),transparent 80%);z-index:1;pointer-events:none}.container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bodyLines);pointer-events:none}.container{padding:4rem 7rem;width:100%;height:100%}.nav-ham{display:none}nav .logo{width:3.5rem}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:5rem}nav .logo{filter:var(--logoTheme)}.nav-lists{list-style:none;display:flex;align-items:center;gap:2rem;cursor:pointer;z-index:1000}.nav-lists li{color:var(--Color)}.nav-lists a{text-decoration:none;opacity:.6;color:var(--Color)}.nav-lists a.active{opacity:1;color:var(--innerColor);background-color:var(--linkColor);padding:.4rem;border-radius:.5rem;font-weight:600}.nav-lists a:hover{opacity:1}.nav-lists li:after{content:"";display:block;width:0;background-color:var(--backColor);height:1px}.nav-lists li:hover:after{transition:.2s width linear;width:100%}@keyframes arrow{10%{margin-left:0}50%{margin-left:10px}to{margin-left:0}}@keyframes call{10%{bottom:3rem}50%{bottom:3.7rem}to{bottom:3rem}}.call-whats{position:fixed;bottom:3rem;right:3rem;display:flex;color:#fff;font-size:2rem;animation:call 01s infinite linear;background-color:#02201e;padding:.4rem;border-radius:50%}@media (max-width: 700px){nav .logo{width:3rem}.cicles{opacity:0}.container{padding:3rem 1rem;height:100%}nav{position:relative}.nav-lists{position:fixed;display:flex;flex-direction:column;gap:1rem;background:#0003;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:1rem;top:0;right:0;bottom:0;width:100%;justify-content:center;z-index:1000}.nav-lists li,.nav-lists a{color:#fff}.nav-ham{display:flex;flex-direction:column;gap:3px;align-items:flex-end;z-index:1000}.ham-lines.first{width:1.2rem}.ham-lines{width:1.7rem;height:2px;background-color:var(--backColor);border-radius:2px}.home-container,.contact,.about-container{padding:0}.visible{right:0}.hidden{right:-1000px}.see-nav div:nth-child(1){opacity:0}.see-nav div:nth-child(2){transform:rotate(45deg);background-color:#fff}.see-nav div:nth-child(3){transform:rotate(-45deg);background-color:#fff;margin-top:-7px}}