@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script&family=Lora:ital,wght@0,400;0,600;0,700;1,700&family=Playfair+Display:ital,wght@1,400;1,500&family=Source+Code+Pro:wght@300&display=swap);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}:root{--primary-clr:#000;--secondary-clr:#1c1c1c;--other-clr:#9c9c9c;--tag-clr:#8c8c8c;--accent-clr:#6fc;--accent-other-clr:#99ffe7;--main-clr:#f2f2f2;--section-mt:8rem;--transition:cubic-bezier(0.25,0.32,0.85,0.58);--transition-clr:color 300ms var(--transition);font-size:10px;scrollbar-color:#9c9c9c #bababa;scrollbar-color:var(--other-clr) #bababa;scrollbar-gutter:stable;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#e3e3e3}::-webkit-scrollbar-thumb{background-color:#9c9c9c;background-color:var(--other-clr)}::selection{background:#6fc;background:var(--accent-clr);color:#000;color:var(--primary-clr)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px dotted #6fc;outline:2px dotted var(--accent-clr);outline-offset:3px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}@media screen and (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:#000;background:var(--primary-clr);color:#f2f2f2;color:var(--main-clr);font-family:-apple-system,BlinkMacSystemFont,Fira Sans,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(1.4rem,1vw,1.6rem);line-height:1.6;min-height:100vh;text-rendering:optimizeSpeed}a{color:currentColor;text-decoration:none}img,picture{display:block;max-width:100%}button,input,select,textarea{all:unset;font:inherit}h1,h2,h3{font-weight:900;line-height:1.2}.bounce-in-left{animation:bounce-in-left 1.1s .3s both}.slide-in-top{animation:slide-in-top .5s cubic-bezier(.175,.885,.32,1.275) both}.fade-in{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) .5s both}@keyframes bounce-in-left{0%{animation-timing-function:ease-in;opacity:0;transform:translateX(-600px)}38%{animation-timing-function:ease-out;opacity:1;transform:translateX(0)}55%{animation-timing-function:ease-in;transform:translateX(-68px)}72%{animation-timing-function:ease-out;transform:translateX(0)}81%{animation-timing-function:ease-in;transform:translateX(-28px)}90%{animation-timing-function:ease-out;transform:translateX(0)}95%{animation-timing-function:ease-in;transform:translateX(-8px)}to{animation-timing-function:ease-out;transform:translateX(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}.container{margin-inline:auto;max-width:1200px;padding:0 1rem}.subtitle{color:#6fc;color:var(--accent-clr);font-size:clamp(1.2rem,1vw,1.35rem);letter-spacing:2px;text-transform:uppercase}.title{font-size:clamp(3.2rem,3vw,6rem)}.info{color:#9c9c9c;color:var(--other-clr);font-size:1.35rem;max-width:500px;padding-block-start:1.3rem}.btn{border-radius:.2rem;color:#f2f2f2;color:var(--main-clr);cursor:pointer;margin-block-start:2rem;padding:.8rem 3rem}.btn:active{transform:scale(.98)}.hover-effect:after{background:#6fc;background:var(--accent-clr);bottom:-2px;content:"";height:1.5px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:all .3s ease-in-out;width:100%}.hover-effect:hover:after{transform:scaleX(1);transform-origin:right}small{color:#9c9c9c;color:var(--other-clr)}@media screen and (max-width:50em){body:after{background:#1c1c1c;background:var(--secondary-clr);content:"";height:100%;left:0;position:absolute;top:0;transform:translateY(-100%);width:100%}body.open:after{transform:translateY(0);transition:transform .3s ease-in-out}}.hero{padding:0 1rem}.hero .container{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-block-start:var(--section-mt);place-items:center}.hero-intro{display:flex;flex-direction:column;justify-content:center}.intro{color:var(--other-clr);font-family:Georgia,serif;font-size:2rem}.hero img{max-width:375px}.hero .code{filter:drop-shadow(0 0 .75rem var(--secondary-clr))}.hero-btn-container{display:flex}.hire-btn{border:1px solid var(--accent-clr);color:var(--accent-clr);display:inline-block;font-size:inherit;letter-spacing:1px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.32,.85,.58);z-index:1}.hire-btn:before{background-color:var(--accent-clr);border-radius:50%;content:"";height:1em;position:absolute;right:100%;top:100%;transform:translate3d(50%,-50%,0) scale3d(0,0,0);transform-origin:center;transition:transform .45s ease-in-out;width:2rem;z-index:-1}.hire-btn:hover{border:0;color:#171717;cursor:pointer}.hire-btn:hover:before{transform:translate3d(50%,-50%,0) scale3d(15,15,15)}.download-link{color:var(--other-clr);transition:color .45s ease-in-out}.download-link:hover{color:#fff}.download-link:focus{outline:none}.name{display:inline-block;font-size:clamp(4rem,5vw,6rem);overflow:hidden;position:relative;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.name:before{background-color:var(--accent-clr);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0) scaleY(0);transform-origin:right;transition:transform .3s ease-in-out;width:100%;z-index:-1}.name:hover:before{cursor:pointer;transform:scaleX(1) scaleY(1);transform-origin:left}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.code{animation:pulse 2s ease-in-out infinite}.hero-text .subtitle{text-align:start}@media screen and (max-width:50em){.hero .container{gap:1 rem;height:auto;position:relative}.hero .container,.hero-text .subtitle{text-align:center}}@media screen and (max-width:690px){.hero .container{height:auto}.hero img{height:300px}}.nav{padding:0 1rem;width:100%}.nav .container{align-items:center;background:var(--secondary-clr);border-radius:.5rem;display:flex;font-size:1.4rem;justify-content:space-between;margin-block-start:1.15rem;padding:.85rem 2rem}.title{font-size:2rem}.nav-logo h3,.title{font-weight:800}.hamburger{display:none}.nav-list{align-items:center;display:flex;gap:5rem}.nav-links{position:relative;transition:var(--transition-clr)}.nav-links:hover{color:var(--accent-clr)}.social-nav{gap:2.5rem}.social-nav,.social-nav a{align-items:center;display:flex}.social-nav a{background:#0000;border-radius:50%;height:33px;justify-content:center;line-height:0;transition:all .3s cubic-bezier(.25,.32,.85,.58);width:33px}.social-nav a:hover{background:var(--accent-other-clr);color:var(--secondary-clr)}ul li{list-style:none}@media screen and (max-width:50em){.nav{position:relative;z-index:1}.nav-list,.social-nav{transition:opacity .3s ease-in-out}.nav-list{flex-direction:column;height:100vh;top:250px;transform:translate(-50%)}.nav-list,.social-nav{left:50%;opacity:0;pointer-events:none;position:absolute}.social-nav{top:175px;transform:translateX(-50%)}.nav-list.open,.social-nav.open{opacity:1;pointer-events:all}.hero-btn-container{justify-content:center}.hamburger{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:transform .33s ease-out;width:25px}.hamburger.open{transform:rotate(-45deg)}.line-menu{background:#fff;height:1.5px;width:100%}.line-menu:not(:first-child){margin-block-start:.75rem}.line-menu.half{width:50%}.line-menu.start{transform-origin:right;transition:transform .33s cubic-bezier(.54,-.81,.57,.57)}.open .line-menu.start{transform:rotate(-90deg) translateX(3px)}.line-menu.end{align-self:flex-end;transform-origin:left;transition:transform .33s cubic-bezier(.54,-.81,.57,.57)}.open .line-menu.end{transform:rotate(-90deg) translateX(-3px)}}.about-me{margin-block-start:var(--section-mt);padding:var(--section-mt) 1rem}.about-me .container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.subtitle,.title{text-align:center}.about{padding-block-start:1.25rem}.about p{font-family:Georgia,serif;font-size:1.7rem;font-weight:300;line-height:1.8;padding-block-start:2rem;text-align:center}.about-me img{--s:15px;--b:2px;--w:200px;--c:#7b3b3b;--_g:var(--c) var(--b),#0000 0 calc(100% - var(--b)),var(--c) 0;background:linear-gradient(var(--_g)) 50%/100% 100% no-repeat,linear-gradient(90deg,var(--_g)) 50%/100% 100% no-repeat;background:linear-gradient(var(--_g)) 50%/100% var(--_i,100%) no-repeat,linear-gradient(90deg,var(--_g)) 50%/var(--_i,100%) 100% no-repeat;border-radius:20%;cursor:pointer;height:400px;object-fit:cover;padding:calc(var(--s)*2);transition:.4s;width:var(--w);width:350px}.about-me img:hover{--_i:calc(100% - var(--s)*2);outline:var(--b) solid var(--c);outline-offset:calc(var(--s)/-2)}@media screen and (max-width:910px){.about-me{margin-block-start:0}.about-me .container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.about p{font-size:1.5;line-height:1.8;padding-block-start:2rem;text-align:center}.about-me img{align-self:center;height:250px;justify-self:center;width:250px}}.my-skills{margin-block-start:var(--section-mt);padding:4rem 1rem}.my-skills .container{margin:0 auto;max-width:1200px}.my-skills article{margin-bottom:3rem;text-align:center}.my-skills .title{font-size:2rem;margin-bottom:1rem}.my-skills ul{grid-gap:3.2rem 1rem;display:grid;gap:3.2rem 1rem;grid-template-columns:repeat(4,1fr);list-style:none;margin-block-start:var(--section-mt);padding:0}.my-skills li{align-items:center;color:#6fc;display:flex;flex-direction:column;font-family:Dancing Script,cursive;font-size:2rem;font-weight:700;position:relative;text-align:center}.my-skills img,.my-skills li{transition:transform .3s ease-in-out}.my-skills img{animation:rotateImage 10s linear infinite;border-radius:20px;height:100px;margin-bottom:.5rem;object-fit:contain;width:100px}@keyframes rotateImage{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.my-skills li:hover{color:coral;transform:translateY(-5px)}.my-skills img:hover{animation-duration:1s;transform:scale(1.1) rotate(1turn)}.my-skills img:hover,.my-skills li:hover{cursor:pointer}@media screen and (max-width:700px){.my-skills ul{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:420px){.my-skills ul{grid-template-columns:repeat(2,1fr)}}.projects-section{margin-block-start:var(--section-mt);padding:4rem 1rem}.projects{display:flex;flex-direction:column;gap:12rem;padding-block-start:5rem}.project{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));place-items:center}.project-img{--a:8deg;aspect-ratio:1;cursor:pointer;display:inline-block;height:200px;-webkit-mask:linear-gradient(135deg,#000c 40%,#000,#000c 60%) 100% 100%/250% 250%;mask:linear-gradient(135deg,#000c 40%,#000,#000c 60%) 100% 100%/250% 250%;position:relative;transform:perspective(400px) rotate3d(1,-1,0,calc(var(--a)*1));transform:perspective(400px) rotate3d(var(--r,1,-1),0,calc(var(--i,1)*var(--a)));transition:opactiy .3s ease-in-out;transition:.4s;width:100%}.project-img:hover{opacity:.9}.project h3{color:var(--other-clr);font-size:clamp(2rem,3vw,4rem);font-weight:500;letter-spacing:5px}.project h2{font-size:clamp(2.5rem,3vw,4rem);padding-block-start:clamp(1.5rem,2vw,3rem)}.project p{max-width:500px;padding-block-start:1.5rem}.project:nth-child(2n) a{order:2}.project:nth-child(2n) div{order:1}.project-links,.tech-stack{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;padding-block-start:2rem}.project-links{column-gap:5rem;padding-block-start:3.2rem}.tech-stack li{background:var(--tag-clr);border-radius:2px;color:var(--primary-clr);font-size:clamp(1.15rem,1vw,1.3rem);padding:.2rem .5rem}.description{font-family:Georgia,serif;font-size:2rem}.project-links a{align-items:center;display:flex;gap:.5rem;position:relative;transition:var(--transition-clr)}.project-links a:hover,h2:hover{color:var(--accent-clr)}.project-img:hover{--i:-1;-webkit-mask-position:0 0;mask-position:0 0}.alt:hover{-webkit-mask-position:100% 0;mask-position:100% 0}img{height:100%;object-fit:contain;width:100%}@media screen and (max-width:700px){.project{align-items:center;display:flex;flex-direction:column;justify-content:center}.project-links,.tech-stack{justify-content:center;text-align:center}.description,.project h2,.project h3{text-align:center}.project:nth-child(2n) img{order:1}.project:nth-child(2n) div{order:2}}.experience_section{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-block-start:var(--section-mt)}.work_container{border-bottom:2px solid var(--accent-clr);border-radius:20px var(--accent-clr);display:flex;flex-direction:column;gap:1rem;height:auto;padding:10px;width:90vw}.work_date,.work_position{background:none;color:#fff}.work_date,.work_location,.work_position{font-size:2rem;font-weight:550}.work_position{text-transform:uppercase}.work_location{background-size:contain;color:#fff;text-align:center}.work_info{display:grid;grid-template-columns:1fr 1fr;place-items:center}.work_info_box1,.work_info_box2{text-align:center}.work_achievements{display:flex;flex-direction:column;gap:2rem;line-height:2.5rem;margin-bottom:5px;padding:10px}.work_achievements_list{font-family:Georgia,serif;font-size:2.5 rem;font-weight:500;text-align:center}.work_date:hover,.work_location:hover,.work_position:hover{color:var(--accent-clr)}.last{border:none}@media screen and (max-width:50em){.work_date,.work_location,.work_position{font-size:1.5rem}.work_achievements_list{font-size:2 rem}}span{color:var(--accent-clr)}@media screen and (max-width:450px){.work_date,.work_location,.work_position{font-size:1.1rem}.work_achievements_list{font-size:1.8rem}}.contact{align-items:center;justify-content:center;margin-block-start:var(--section-mt);padding:4rem 1rem;width:100vw}.title{margin-top:10px}.mail-link{letter-spacing:1px;margin-block-start:var(--section-mt);margin-top:10px;position:relative;text-transform:uppercase;transition:var(--transition-clr);width:-webkit-max-content;width:max-content}.mail-link,.mail-link-box{align-items:center;display:flex;justify-content:center}.info,.mail-link-box{min-width:100%}.info{font-family:Georgia,serif;font-size:2rem;text-align:center}.mail-link:hover{color:var(--accent-clr);text-decoration:none}
/*# sourceMappingURL=main.03eaf90c.css.map*/