@import url(https://fonts.googleapis.com/css2?family=Rajdhani&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);#root,.app,body,html{font-family:Raleway,sans-serif;height:100%;width:100%}

/*
! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;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;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-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}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }*{scroll-behavior:smooth}.slide-bottom{-webkit-animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.nav{align-items:center;background:linear-gradient(-45deg,#191919,#036);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;height:4rem;z-index:1}.nav-links{color:#e5e7eb;display:flex;font-size:1rem;font-weight:600;gap:4rem}.nav-links li:hover{border-bottom:1px solid;border-color:#7dd3fc;color:#7dd3fc;transition:.5s ease}.nav-smallscreen{display:none}.nav-smallscreen .overlay__open{cursor:pointer}.nav-smallscreen-overlay{background-color:#0f172a;flex-direction:column;height:100vh;left:0;padding-top:200px;position:fixed;top:0;transition:.5s ease;width:100%;z-index:1000}.nav-smallscreen-overlay .overlay__close{color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:20px;top:20px}.nav-smallscreen-links li{color:#fff;cursor:pointer;font-size:1.5rem;font-weight:500;margin:2rem;text-align:center}.nav-smallscreen-links li:hover{color:#7dd3fc;transition:.5s ease}.sticky{position:fixed;top:0;width:100%}@media screen and (max-width:950px){.nav{height:4rem}.nav-links{display:none}.nav-smallscreen{display:flex;padding:1rem}}@media screen and (min-width:950px){.nav{padding:1rem 16rem}}.footer-container{align-items:center;background-color:#0f172a;color:#64748b;display:flex;flex-direction:column;font-weight:600;justify-content:center;padding:2rem}.footer-text{display:flex;margin:2rem auto}.footer-container span{align-items:center;color:#64748b;display:flex;margin-left:8px}.social-box,.social-wrapper{display:flex;justify-content:center}.social-box{align-items:center;background-color:#191919;border:1px solid #191919;border-radius:10px;height:60px;margin:0 1rem;width:60px}.social-box:hover{-webkit-animation:wiggle 1s ease;animation:wiggle 1s ease;background-color:#04c2c9;cursor:pointer;transition:.5s ease}@-webkit-keyframes wiggle{30%{-webkit-transform:scale(1.2);transform:scale(1.2)}40%,60%{-webkit-transform:rotate(-20deg) scale(1.2);transform:rotate(-20deg) scale(1.2)}50%{-webkit-transform:rotate(20deg) scale(1.2);transform:rotate(20deg) scale(1.2)}70%{-webkit-transform:rotate(0deg) scale(1.2);transform:rotate(0deg) scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes wiggle{30%{-webkit-transform:scale(1.2);transform:scale(1.2)}40%,60%{-webkit-transform:rotate(-20deg) scale(1.2);transform:rotate(-20deg) scale(1.2)}50%{-webkit-transform:rotate(20deg) scale(1.2);transform:rotate(20deg) scale(1.2)}70%{-webkit-transform:rotate(0deg) scale(1.2);transform:rotate(0deg) scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.home-container{align-items:center;background-color:#0f172a;display:flex;flex-direction:column;height:100%;justify-content:center;line-height:2}.home-container h1{color:#fff;font-size:3rem;font-weight:400;text-align:center}.home-container span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(120deg,#e879f9,#7dd3fc);font-weight:600}.btn{background-position:100% 0;background-size:200% 100%;border-color:#fdf4ff;border-radius:.375rem;border-width:2px;color:#fdf4ff;font-size:1.25rem;font-weight:500;margin-top:2rem;padding:0 1rem;transition:background-position 1.5s ease}.btn:hover{background-image:linear-gradient(90deg,#86198f 0,#0e7490 70%);background-position:0 0;box-shadow:0 0 6px #fdf4ff}.btn:hover .btn-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.8s ease}.home-container a{align-items:center;display:flex;flex-direction:row;gap:1rem;letter-spacing:.025em}@media screen and (max-width:950px){.home-container h1{font-size:1.25rem}.btn{font-size:1rem;margin-top:1rem}}.about-container{display:flex;flex-direction:column;height:100%;margin:0 auto;padding:6rem 3rem 10rem}.about-title-wrapper{margin:0 0 6rem}.about-title,.about-title-line{display:flex;justify-content:center}.about-title{color:#444649;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;text-align:center}.about-line{background-color:#444649;height:4px;width:70px}.about-wrapper{display:flex;gap:10rem;margin:0 auto}.profile-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto}.about-me{color:#4d4a47;font-size:2rem;font-weight:600;margin-top:1.5rem;text-align:center}.about-me p{display:flex;flex-wrap:wrap;font-size:1rem;font-weight:500;margin:0 auto;max-width:30rem}.about-img{background:#dededd;box-sizing:border-box;-webkit-clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);-moz-clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);height:407.12px;position:relative;width:300px}.img-background{height:403.12px;left:2px;top:2px;width:296px}.about-img img,.img-background{-webkit-clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);-moz-clip-path:polygon(0 50%,25% 0,75% 0,100% 50%,75% 100%,25% 100%);position:absolute}.about-img img{height:100%;object-fit:auto;width:100%}.bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:2rem auto;position:relative}.bar-wrap{background-color:#e5e5e5;border:1px solid #d9d9d9;border-radius:10px;justify-content:space-between;margin-bottom:1rem;overflow:hidden;width:35rem}.bar-wrap,.label{align-items:center;display:flex;height:2rem;position:relative}.label{background-color:#0e7490;color:#f3f4f6;font-weight:600;justify-content:center;width:7rem}.bar{background-color:#164e63;height:2rem;outline:1px solid #164e63!important;position:relative}.bar-wrap span{align-items:center;background-color:#d9d9d9;color:#666;display:flex;height:2rem;justify-content:center;margin-left:1rem;width:4rem}.fill{-webkit-animation:fill 2s ease;animation:fill 2s ease}@-webkit-keyframes fill{0%{width:0}}@keyframes fill{0%{width:0}}@media screen and (max-width:950px){.about-wrapper{flex-wrap:wrap}.bar-wrap{width:30rem}}@media screen and (max-width:600px){.about-container{padding:5rem 1rem}.about-title-wrapper{margin:0 0 3rem}.about-wrapper{flex-wrap:wrap;gap:2rem;justify-content:center}.bar-wrap{height:1.2rem;margin-bottom:.6rem;width:18rem}.label{font-size:.6rem;width:4rem}.fill,.label{height:1.5rem}.bar-wrap span{display:none}}.portfolio-container{background-color:#e5e5e5;display:flex;flex-direction:column;height:100%;margin:0 auto;padding:6rem 0 16rem}.portfolio-title-wrapper{margin:0 0 6rem}.portfolio-title,.portfolio-title-line{display:flex;justify-content:center}.portfolio-title{color:#444649;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;text-align:center}.portfolio-line{background-color:#444649;height:4px;width:70px}.portfolio-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.project-img{max-width:600px;opacity:1;position:relative;transition:visibility 0s .5s,opacity 2s linear;visibility:visible}.project-img:hover img{opacity:0;transition:visibility 0s .5s,opacity .5s linear;visibility:hidden}.project-img:hover .overlay{box-sizing:border-box;display:inline-block;left:0;position:absolute;top:0;width:100%}.overlay{color:#4d4a47;display:none;text-align:center}.project-title{font-size:3rem;font-weight:500;line-height:3rem}.project-desc{color:#0e7490;font-size:1rem;font-weight:500;line-height:1.5rem}.project-btn{border:2px solid #0e7490;border-radius:10px;font-size:1.2rem;padding:0 1.5rem}.project-btn:hover{background-color:#0e7490;color:#fff}.slide-effect{align-items:center;display:flex;justify-content:center;width:100%}.slide-effect,.slideDown,.slideUp{position:relative}.slideDown{-webkit-animation:slideDown40 .2s forwards;animation:slideDown40 .2s forwards;top:-60px}.slideUp{-webkit-animation:slideUp40 .2s forwards;animation:slideUp40 .2s forwards;color:#0e7490;top:60px}.modal-title-wrapper{border-bottom:1px solid;border-color:silver;margin:2rem 2rem 1rem;padding-bottom:1rem}.modal-project-title{color:#444;font-size:22pt;font-weight:700}.modal-project-subtitle{color:silver;font-size:11pt;font-weight:700}.modal-project-desc{font-size:11pt;margin:1rem 2rem 2rem}.modal-site-btn{background-color:#036;background-position:100% 0;background-size:200% 100%;border-color:#fdf4ff;border-radius:.375rem;border-width:2px;color:#fdf4ff;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:background-position 1.5s ease}.modal-site-btn a{align-items:center;display:flex;gap:1rem}.modal-site-btn:hover{background-image:linear-gradient(90deg,#86198f 0,#0e7490 70%);background-position:0 0;box-shadow:0 0 6px #fdf4ff}.modal-btn-container{display:flex;justify-content:space-between;margin:0 2rem}.modal-close-btn{color:silver;font-size:14pt;font-weight:700}.carousel{-webkit-filter:drop-shadow(0 0 10px #0003);filter:drop-shadow(0 0 10px #0003);padding-top:60%;-webkit-perspective:100px;perspective:100px;position:relative}.carousel-viewport{bottom:0;counter-reset:item;display:flex;left:0;overflow-x:hidden;position:absolute;right:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;top:0}.carousel-slide{counter-increment:item;flex:0 0 100%;position:relative;width:100%}.carousel-slide:before{color:#fff;font-size:2em;left:50%;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-40%,70px);transform:translate3d(-50%,-40%,70px)}.carousel:focus-within,.carousel:hover{-webkit-animation-name:none;animation-name:none}.carousel-next,.carousel-prev,.carousel:after,.carousel:before{font-size:0;height:4rem;margin-top:37.5%;outline:0;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4rem}.carousel-prev,.carousel:before{left:-1rem}.carousel-next,.carousel:after{right:-1rem}.carousel:after,.carousel:before{background-color:#333;background-position:50%;background-repeat:no-repeat;background-size:1.5rem 1.5rem;color:#fff;content:"";font-size:2.5rem;line-height:4rem;pointer-events:none;text-align:center;z-index:1}.carousel:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m0 50 80 50V0z'/%3E%3C/svg%3E")}.carousel:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='m100 50-80 50V0z'/%3E%3C/svg%3E")}@-webkit-keyframes tonext{75%{left:0}95%{left:100%}98%{left:100%}99%{left:0}}@keyframes tonext{75%{left:0}95%{left:100%}98%{left:100%}99%{left:0}}@-webkit-keyframes tostart{75%{left:0}95%{left:-300%}98%{left:-300%}99%{left:0}}@keyframes tostart{75%{left:0}95%{left:-300%}98%{left:-300%}99%{left:0}}@-webkit-keyframes snap{96%{scroll-snap-align:center}97%{scroll-snap-align:none}99%{scroll-snap-align:none}to{scroll-snap-align:center}}@keyframes snap{96%{scroll-snap-align:center}97%{scroll-snap-align:none}99%{scroll-snap-align:none}to{scroll-snap-align:center}}@-webkit-keyframes slideUp60{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-60px);transform:translateY(-60px)}}@keyframes slideUp60{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-60px);transform:translateY(-60px)}}@-webkit-keyframes slideUp40{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes slideUp40{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slideDown20{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes slideDown20{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}}@-webkit-keyframes slideDown40{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes slideDown40{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(40px);transform:translateY(40px)}}@media only screen and (max-width:900px){.slide-effect,.slideDown,.slideUp{font-size:1rem}.slideUp{-webkit-animation:slideUp60 .2s forwards;animation:slideUp60 .2s forwards;top:0}.slideDown{-webkit-animation:slideDown20 .2s forwards;animation:slideDown20 .2s forwards;top:-50px}}@media screen and (max-width:900px){.project-title{font-size:1.5rem;line-height:1.2rem}.project-desc{font-size:.75rem}.project-btn{font-size:1rem}}@media screen and (max-width:400px){.portfolio-container{padding:3rem 1rem}.portfolio-title-wrapper{margin:0 0 3rem}}.contact-container{background-color:#1e293b;display:flex;flex-direction:column;margin:0 auto;padding:6rem 1rem 2rem}.contact-title-wrapper{margin:0 0 6rem}.contact-title,.contact-title-line{display:flex;justify-content:center}.contact-title{color:#e2e8f0;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;text-align:center}.contact-line{background-color:#e2e8f0;height:4px;width:70px}.contact-container h2{color:#04c2c9;font-weight:500;margin:0 0 3rem}.contact-container h2,.form-container{display:flex;justify-content:center}.grow{-webkit-animation:grow 2s ease;animation:grow 2s ease}@-webkit-keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.contact-form{max-width:40rem}.contact-form input,textarea{background-color:#191919;border-radius:10px;color:#fff;font-family:Rajdhani;font-size:1.25rem;margin:2px 0;padding:1rem;width:100%}.contact-form input{height:3rem}.contact-form textarea{height:10rem}.form-btn{border:2px solid #fff;border-radius:10px;color:#fff;float:right;font-weight:500;padding:6px 30px}.form-btn:hover{background-color:#04c2c9;border-color:#04c2c9;color:#fff;transition:.3s ease-in}@media screen and (max-width:400px){.contact-container{padding:3rem 1rem}.contact-title-wrapper{margin:0 0 3rem}}
/*# sourceMappingURL=main.a4e5b17c.css.map*/