@font-face{src:url(/assets/Inter-ZO3WBJgw.ttf);font-family:inter;font-display:swap}@font-face{src:url(/assets/Montserrat-DEcR8bPr.ttf);font-family:mont;font-display:swap}:root{--primary-color: #e5989b;--text-white: #f3f1f8;--text-grey: #a1a5aa;--light-black: #15151a;--light-blue: #4182aa;--border-color: rgb(40 42 55/1);--background-color: rgb(30 41 59/.5);--background-color-1: rgb(27 44 70/1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent;border-radius:5px}::-webkit-scrollbar-thumb{background:#1b158f;border-radius:5px}::selection{background:transparent}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:#100d54 #232E33}}.bg{width:100vw;height:100vh;position:fixed;top:0;left:0;background:radial-gradient(ellipse at bottom,#0d1d31,#0c0d13);z-index:-1000}.bg img{object-fit:cover;width:100%;z-index:-1000}.snowflakes{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-999}.text:hover{cursor:default;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}hr{width:100%;border:none;border-bottom:1px solid #88888855;margin:7px 0}#returnhome{width:fit-content}#returnhome svg{width:45px;height:45px;cursor:pointer;margin:25px}#returnhome svg path{fill:var(--text-white)}.line{position:absolute;width:1px;height:100%;top:0;left:50%;background:transparent}.line:after{content:"";display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--text-white) 75%,var(--text-white) 100%);animation:drop 7s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,.26,0,.97)}.line:nth-child(1){margin-left:-25%}.line:nth-child(1):after{animation-delay:2s}.line:nth-child(3){margin-left:25%}.line:nth-child(3):after{animation-delay:2.5s}@keyframes drop{0%{top:-50%}to{top:110%}}@keyframes revealAnimation1{0%{margin-top:20px}to{margin-top:0}}@keyframes revealAnimation2{0%{opacity:0}to{opacity:1}}@keyframes revealAnimation3{0%{opacity:0}50%{opacity:0}to{opacity:1}}.anim-12{animation:revealAnimation1 var(--duration) forwards,revealAnimation2 var(--duration) forwards}.anim-2{animation:revealAnimation2 var(--duration) forwards}.anim-3{animation:revealAnimation3 var(--duration) forwards}.customnav{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.customnav ul{display:flex;list-style:none}.navlink{position:relative;font-size:16px;font-weight:400;font-family:inter;margin:7px;color:var(--text-white);cursor:pointer}.navlink:before{content:"";position:absolute;width:100%;height:2px;border-radius:50px;background-color:#0096c7;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}.navlink:hover:before{transform-origin:left;transform:scaleX(1)}.index{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero{display:flex;align-items:center;flex-direction:column;position:relative}.hero h1{display:flex;justify-content:center;align-items:center;font:600 5rem inter;position:absolute;top:-10%}.hero h1:nth-child(1){color:transparent;-webkit-text-stroke:3px var(--light-blue)}.hero h1:nth-child(2){color:var(--light-blue);animation:heroTitleAnimate 5.5s ease-in-out infinite}@keyframes heroTitleAnimate{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.container{text-align:center;margin:80px 0 10px}.box{width:fit-content}.box .title{position:relative;height:18px}.box .title .block{width:0%;height:inherit;background:#ffb510;position:absolute;animation:mainBlock 2s cubic-bezier(.74,.06,.4,.92) forwards;display:flex}.box .title p{font:600 15px inter;color:var(--text-white);-webkit-animation:mainFadeIn 2s forwards;-o-animation:mainFadeIn 2s forwards;animation:mainFadeIn 2s forwards;animation-delay:1.6s;opacity:0}@keyframes mainBlock{0%{width:0%;left:0}50%{width:100%;left:0}to{width:0;left:100%}}@keyframes mainFadeIn{0%{opacity:0}to{opacity:1}}.socials{display:flex}.social-link svg{width:30px;height:30px;margin:15px 10px;cursor:pointer}.social-link svg path{fill:var(--text-grey);transition:all .5s ease}.social-link svg:hover path{fill:var(--text-white)}.projectnav{display:flex;align-items:center;justify-content:left}.projecttitle{margin:3vh 0 5px;font:25px mont;color:var(--text-white)}.projecttitle p{margin:10px 0 0;font:15px inter;color:var(--text-grey)}.project-card-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:5vh 0}.project-card-container h1{font:30px mont;color:var(--text-white);margin:20px 0 30px}.project-card_line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;position:relative;z-index:1}.project-card{display:flex;flex-direction:column;max-width:26rem;padding:20px;margin:1rem 0;border:1px solid var(--border-color);background-color:var(--background-color);border-radius:.5rem;width:100%;position:relative;overflow:hidden;z-index:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project-card:hover{cursor:pointer;box-shadow:0 0 0 2px #090a0b,0 0 0 4px var(--propertyColor),0 0 #0000}.project-card .content h2{font:25px mont;color:var(--text-white);margin-bottom:5px}.project-card .content h2 span svg{margin-left:3px;width:16px;height:16px;transform:rotate(45deg);transition:all .5s ease}.project-card .content p{font:500 14px inter;color:var(--text-grey)}.project-card .footer{display:flex;align-items:center;justify-content:space-between;flex-direction:row;margin-top:20px}.project-card .footer .stat{display:flex;align-items:center;flex-direction:row;font:12px inter}.project-card .footer span{border-radius:50%;width:10px;height:10px;margin-right:5px}.project-card .footer .duration{font:600 12px inter;color:var(--text-grey)}.project-card:hover .content h2 svg{transform:translateY(-3px) translate(3px) rotate(45deg)}.slug{display:flex;justify-content:center;align-items:center;flex-direction:column}.slug h1{color:var(--text-white);font:25px mont}.slug p{color:var(--text-grey);font:15px inter;margin:10px 0 5vh}.slug a{text-decoration:none;color:var(--text-white);font:17px mont;transition:all .5s ease;margin-bottom:20px}.slug a:hover{color:var(--primary-color);cursor:pointer}.slug-desc h1{margin:0 0 20px}.slug-desc{z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background:transparent;border:none;box-shadow:none}.slug-desc{z-index:999;margin-top:5vh;width:700px;margin-bottom:10vh}.auto-expand{display:flex;align-items:center;justify-content:center;width:80%;margin:0 auto}.textare-auto{width:100%;min-height:100px;resize:none;line-height:1.4;appearance:none;border:none;outline:none;border-bottom:.2em solid #e91e63;background:#e91e6333;border-radius:5px 5px 0 0;padding:.4em;color:var(--text-white);font-family:inter;font-weight:600}.textare-auto::placeholder{color:var(--text-grey);font-weight:400}.copy{margin:0 20px;box-sizing:border-box;width:36px;height:36px;border-radius:10px;background-color:#353434;color:#ccc;border:none;cursor:pointer;position:relative;outline:none}.tooltip{position:absolute;opacity:0;visibility:0;top:0;left:50%;transform:translate(-50%);white-space:nowrap;font:12px Menlo,Roboto Mono,monospace;color:#323232;background:#f4f3f3;padding:7px;border-radius:4px;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.tooltip:before{content:attr(data-text-initial)}.tooltip:after{content:"";position:absolute;bottom:-3.5px;width:7px;height:7px;background:inherit;left:50%;transform:translate(-50%) rotate(45deg);z-index:-999;pointer-events:none}.copy svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkmark{display:none}.copy:hover .tooltip,.copy:focus:not(:focus-visible) .tooltip{opacity:1;visibility:visible;top:calc((100% + var(--tooltip-offset)) * -1)}.copy:focus:not(:focus-visible) .tooltip:before{content:attr(data-text-end)}.copy:focus:not(:focus-visible) .clipboard{display:none}.copy:focus:not(:focus-visible) .checkmark{display:block}.copy:hover,.copy:focus{background-color:#464646}.copy:active{outline:1px solid rgb(141,141,141)}.copy:hover svg{color:#8bb9fe}.about{display:flex;flex-direction:column;align-items:center}.about h1{font:30px mont;margin-bottom:20px}.about .aboutme{display:inline-block;background-color:var(--background-color-1);border:0;z-index:0;overflow:hidden;position:relative;border-radius:10px;width:600px;padding:20px;font:500 16px inter;color:var(--text-grey);margin-bottom:15vh}.about .aboutme:before{background:conic-gradient(#0055ff,#0055ff 10%,#42b0c9,var(--border-color) 50%,#0055ff);animation:rotate 6s linear infinite;content:"";height:760%;left:-50%;position:absolute;top:-300%;width:200%;z-index:-2}.about .aboutme:after{background-color:var(--background-color-1);border-radius:10px;content:"";height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px);z-index:-1}@keyframes rotate{to{transform:rotate(1turn)}}.about .skills-list{display:flex;gap:20px}.about .skill{padding:.5rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:calc(.5rem - 2px);display:flex;align-items:center;position:relative}.about .skill-tooltip{visibility:hidden;background-color:var(--background-color);color:var(--text-white);font:400 13px inter;border:1px solid #88888855;text-align:center;border-radius:5px;padding:7px 13px;position:absolute;margin-bottom:7px;width:200px;bottom:100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;z-index:1}.about .skill:hover .skill-tooltip{visibility:visible;opacity:1}.row{display:flex;align-items:center;flex-direction:row}.row svg{width:100%;margin:0 50vh 0 -20px}.cat-container h1{font:30px mont;color:var(--text-white)}.cat-container p{font:15px inter;color:var(--text-grey)}.cat-container button{background:transparent;margin:20px 20px 0 0;padding:5px 15px;border:2px solid #8a817c;border-radius:8px;color:var(--text-white);font:15px mont;transition:all .5s ease}.cat-container button:hover{cursor:pointer;background-color:#023e8a;border:2px solid #023e8a}@media screen and (min-width:767px)and (max-width:1023px){.projects{padding:0 10px}}@media screen and (max-width:767px){.bg img{width:auto;height:auto}.hero h1{font-size:4rem}.box .title p{font-size:14px}.container{margin:60px 0 20px}.projecttitle{margin-left:1vh}.project-card-container{margin-bottom:5vh}.project-card{max-width:350px;padding:15px;margin:0}.project-card .content p{font-size:11px}.project-card .footer{margin-top:10px}.slug-desc{z-index:999;margin-top:5vh;width:auto;margin-bottom:10vh}.auto-expand{display:flex;align-items:center;justify-content:center;width:100%;margin:0}.textare-auto{width:250px}.about h1{font:25px mont;margin-bottom:20px}.about .aboutme{width:325px;font:500 13px inter;margin-bottom:10vh}.about .skills-list{justify-content:center;flex-wrap:wrap}.about .skill img{width:35px;height:35px}.about .skill-tooltip{display:none}.about .skill:hover .skill-tooltip{visibility:hidden;opacity:0}.row{flex-direction:column}.row svg{margin:10vh 0 0}.cat-container{margin:20px 20px 0}.cat-container h1{font-size:20px}.cat-container p{font-size:12px}.cat-container button{font-size:13px}}