@import url(https://fonts.googleapis.com/css2?family=Alata&family=Alef:wght@400;700&display=swap);
/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.top-10{top:2.5rem}.right-5{right:1.25rem}.bottom-0{bottom:0}.bottom-12{bottom:3rem}.left-0{left:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-36{margin-top:9rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-9{margin-right:2.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-36{margin-left:9rem}.flex{display:-webkit-flex;display:flex}.table{display:table}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-screen-2xl{max-width:1536px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.cursor-pointer{cursor:pointer}.flex-col{-webkit-flex-direction:column;flex-direction:column}.items-center{-webkit-align-items:center;align-items:center}.justify-center{-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-justify-content:space-between;justify-content:space-between}.self-center{-webkit-align-self:center;align-self:center}.rounded-lg{border-radius:.5rem}.bg-primary{--tw-bg-opacity:1;background-color:rgba(28,29,37,var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(90deg,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(270deg,var(--tw-gradient-stops))}.from-gray-400{--tw-gradient-from:#9ca3af;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(156,163,175,0))}.from-primaryblue{--tw-gradient-from:#1f4eb9;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(31,78,185,0))}.from-gray1{--tw-gradient-from:#353849;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(53,56,73,0))}.to-white{--tw-gradient-to:#fff}.to-gray-50{--tw-gradient-to:#f9fafb}.to-secondaryblue{--tw-gradient-to:#5f85db}.to-gray1{--tw-gradient-to:#353849}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-28{padding-top:7rem;padding-bottom:7rem}.pt-4{padding-top:1rem}.pt-12{padding-top:3rem}.pb-3{padding-bottom:.75rem}.pl-4{padding-left:1rem}.text-center{text-align:center}.font-body1{font-family:Alef}.font-body2{font-family:Alata}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity:1;color:rgba(249,250,251,var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgba(176,178,195,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}*,:after,:before{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn{width:11rem;cursor:pointer;border-radius:.25rem;padding:.75rem;font-size:1rem;line-height:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media (min-width:768px){.md\:mb-10{margin-bottom:2.5rem}.md\:mb-32{margin-bottom:8rem}.md\:block{display:block}.md\:flex{display:-webkit-flex;display:flex}.md\:hidden{display:none}.md\:max-w-md{max-width:28rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pt-52{padding-top:13rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:mb-16{margin-bottom:4rem}.lg\:mb-48{margin-bottom:12rem}.lg\:block{display:block}.lg\:flex{display:-webkit-flex;display:flex}.lg\:hidden{display:none}.lg\:p-6{padding:1.5rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:pt-52{padding-top:13rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1280px){.xl\:px-28{padding-left:7rem;padding-right:7rem}}@media (min-width:1536px){.\32xl\:px-32{padding-left:8rem;padding-right:8rem}}:root{position:relative}#root,:root,body{height:100%}body{position:relative;overflow-x:hidden;width:100%;background-color:#1c1d25}.header-text{background:linear-gradient(-99.17deg,#353849 -16.6%,rgba(53,56,73,.38) 122.52%);-webkit-background-clip:text;background-clip:text;color:transparent}.project{position:relative}.project:nth-child(2n){-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.project:nth-child(2n) .project-details{margin-left:0;background:linear-gradient(99.17deg,#353849 -16.6%,rgba(53,56,73,.38) 122.52%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media screen and (min-width:768px){.project:nth-child(2n) .project-details{margin-right:-100px}}.project:nth-child(2n) .project-name{-webkit-align-self:flex-start;align-self:flex-start}@media screen and (min-width:768px){.project:nth-child(2n) .project-tools{-webkit-align-self:flex-start;align-self:flex-start}}.project-imageWrapper{border-radius:10px;overflow:hidden;position:relative}@media screen and (min-width:768px){.project-imageWrapper{min-width:400px}}@media screen and (min-width:1024px){.project-imageWrapper{-webkit-flex:1.1 1;flex:1.1 1}}.project-imageWrapper .project-image{position:relative;padding-bottom:56.25%;min-height:250px}@media screen and (min-width:350px){.project-imageWrapper .project-image{min-height:auto}}.project-imageWrapper .project-image:after{content:"";width:100%;height:100%;position:absolute;inset:0;background:linear-gradient(99.17deg,#353849 -16.6%,rgba(72,78,112,.85) 122.52%);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);opacity:.85;transition:opacity .3s ease-in-out}@media screen and (min-width:768px){.project-imageWrapper .project-image:after{background-color:#1f226b;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:.31}}.project-imageWrapper .project-image:hover:after{opacity:0}.project-imageWrapper .project-image img{position:absolute;object-fit:cover;width:100%;height:100%}.project-desc{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;bottom:-32px;right:0;width:300px}@media screen and (min-width:768px){.project-desc{position:static}}@media screen and (min-width:1024px){.project-desc{-webkit-flex:1 1;flex:1 1}}.project-desc .project-name{-webkit-align-self:flex-end;align-self:flex-end}.project-desc .project-details{background:linear-gradient(-99.17deg,#353849 -16.6%,rgba(53,56,73,.38) 122.52%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;margin-bottom:.5rem;margin-right:.5rem}@media screen and (min-width:768px){.project-desc .project-details{margin-left:-100px;margin-bottom:0;margin-right:0}}.project-desc .project-tools{-webkit-align-self:flex-end;align-self:flex-end}.project-desc .project-tools>:not(:last-child){margin-right:.75rem}.project-details-m{line-height:1.2rem}.project-tools-m{-webkit-flex-wrap:wrap;flex-wrap:wrap}.project-tools-m>:not(:last-child){margin-right:.75rem}.home{position:relative;z-index:4;height:84vh}.home .bg-image{position:absolute;z-index:-1;right:0;top:200px}.home .bg-image img{width:100%;height:100%}@media screen and (min-width:768px){.home .bg-image{right:-20px;top:120px}}@media screen and (min-width:1280px){.home .bg-image{right:60px;top:60px}}.bg-stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}@media screen and (min-width:900px){.bg-stars{width:40%}}.bg-stars .star-y1{position:absolute;top:10%;left:20%}.bg-stars .star-y2{position:absolute;top:13%;right:6%}.bg-stars .star-p1{position:absolute;top:40%;right:40%}.bg-stars .star-p2{position:absolute;top:70%;right:10%}.bg-stars .star-b1{position:absolute;top:24%;left:26%}@media screen and (min-width:900px){.bg-stars .star-b1{top:42%;left:3%}}.bg-stars .star-b2{position:absolute;top:65%;left:20%}.btn-color{background:linear-gradient(270deg,#f06449,#ef3636)}.skills>:not(:last-child){margin-right:1rem}@media screen and (min-width:1024px){.skills>:not(:last-child){margin-right:2rem}}.skills>*{width:60px;height:60px}@media screen and (min-width:1024px){.skills>*{width:80px;height:80px}}.skills img{width:100%;height:100%}nav ul li{color:#b0b2c3;transition:all .3s ease-in-out}nav ul li:hover{color:#fff}.sidebar{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:999;will-change:transform;overflow-y:auto;overflow-x:hidden;bottom:0;box-sizing:border-box}.sidebar-overlay{right:0;opacity:1;min-height:100vh;height:100%;background-color:rgba(0,0,0,.5);z-index:997}.sidebar,.sidebar-overlay{position:fixed;top:0;left:0}.sidebar-open .sidebar{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.sidebar-open .sidebar-overlay{display:block}.nav-sociallinks svg path{fill:#b0b2c3;transition:fill .3s ease-in-out}.nav-sociallinks svg:hover path{fill:#fff}.nav-dropdown{width:220px;background:linear-gradient(270deg,#5f85db,#1f4eb9)}.selected{position:relative}.selected:after{content:url(/static/media/selected.29e525a9.svg);position:absolute;bottom:-10px;right:0}.flex-parent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;min-height:100%}.flex-child{height:100px;-webkit-flex:1 1;flex:1 1}.scrollTop{position:fixed;bottom:.5rem;right:7rem;-webkit-animation:fadeIn .7s ease-in-out 1s both;animation:fadeIn .7s ease-in-out 1s both;cursor:pointer;transition:opacity .4s;opacity:.5}.scrollTop:hover{opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.1617fecc.chunk.css.map */