@tailwind base;@tailwind components;@tailwind utilities;:root{--black-color:#00000c;--white-color:#f2f2f2;--navy-color:#2f2e41;--darksea-color:#1b242f;--oxford-blue:#001a37;--gray-color:#50514f;--nickel-color:#6e6f6e;--quick-silver-color:#a2a29d;--battleship-color:#898b88;--hunter-green-color:#386641;--may-green-color:#6a994e;--bush-green-color:#9dbf9e;--yellow-green-color:#cdd993;--pale-spring-color:#e0e1b1;--eggshell-green:#f2e8cf;--beige-color:#f0d8be;--camel-color:#e8c1a3;--bittersweet-red-color:#bc4749;--red-color:#f25f5c;--pink-color:#dc8888;--pastel-red-color:#a74f6a;--purple-color:#987284;--silver-pink:#d4bcc0;--isabeline-pink:#f6f2f0;--hotmess-pink-color:#e31b6d;--turquoise-color:#2fefd0;--char45-width:20ch;--char-count:50ch;--char4-width:4ch;--phonemd-bg-color:var(--bittersweet-red-color);--phonelg-bg-color:var(--darksea-color);--componentbg-color:var(--battleship-color);--navsm-bg-color:var(--battleship-color);--main-bg-color:var(--oxford-blue);--nav-bar-color:var(--darksea-color);--hover-nav-color:var(--hunter-green-color);--name-landing-color:var(--purple-color);--smallscreen-name-color:var(--pink-color);--connect-link-color:var(--white-color);--title-header-color:var(--isabeline-pink);--description-words-color:var(--white-color);--repo-cards-bk:var(--battleship-color);--techstack-word-color:var(--white-color);--project-title-color:var(--silver-pink);--strong-color:var(--hotmess-pink-color);--button-bk-color:var(--hotmess-pink-color);--button-color:var(--hotmess-pink-color);--card-color:var(--quick-silver-color);--character-length:var(--char45-width);--github-card:var(--char4-width);--spacing:1rem;--body-color:var(--camel-color);--shirt-color:var(--pastel-red-color);--pants-color:var(--purple-color);--hair-color:var(--black-color);--paper-color:var(--white-color);--pad-color:var(--navy-color)}.project-images{position:relative;width:100%;overflow:hidden;max-width:500px;margin:0 auto}.tech-stack-header{color:#fff}.project-images-inner{display:flex;-webkit-animation:slide 20s linear infinite;animation:slide 20s linear infinite}.project-images-inner,.work-description{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.work-description{color:var(--description-words-color);margin:1rem 2rem 2rem}.project-images img{width:500px;height:auto;object-fit:cover;flex-shrink:0;border-radius:12px;margin-right:10px}@media only screen and (min-width:950px){.card-meta-rev{display:flex;flex-direction:row-reverse}.card-meta{display:flex;flex-direction:row;margin:1rem 2rem 2rem}}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}45%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}50%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}70%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}75%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}95%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}45%{-webkit-transform:translateX(-500px);transform:translateX(-500px)}50%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}70%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}75%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}95%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.tech-stack-collage{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;margin:2rem}.tech-badge{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:16px;transition:background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease,-webkit-transform .3s ease;text-decoration:none;color:inherit}.tech-badge:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#ececec}.tech-badge-text{display:flex;flex-direction:column;align-items:center}.tech-badge-label{font-weight:600;font-size:1.2em;margin-top:10px}.tech-badge-description{font-size:.9em;color:#555;margin-top:5px}.component-header{-webkit-font-smoothing:antialiased;color:var(--title-header-color);box-sizing:inherit;margin-top:.75rem;font-size:3rem;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:600;line-height:1.167;letter-spacing:0;text-align:left;background:transparent!important}.conect-wrap{display:flex;flex-direction:column;justify-content:flex-start}.social-link{-webkit-font-smoothing:antialiased;margin-top:.875rem;margin-bottom:.5rem;color:var(--connect-link-color);font-size:1.5rem;transition:color .5s;font-weight:700}.connectCard,.social-link{display:flex;align-items:center}.connectCard{padding:0 24px;justify-content:center;grid-gap:3rem;gap:3rem;flex-wrap:wrap;min-height:90vh}.contrib-number{color:#fff!important}@media screen and (min-width:768px){div.float-right{padding:0 14px 10px 3px!important;line-height:4}}.content{flex:1 1;display:flex;flex-direction:column;justify-content:center;margin-right:1.8rem;max-width:600px}.about{font-size:1.3em;-webkit-font-smoothing:antialiased;color:#fff;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1.6;letter-spacing:.01071em;width:100%}.component-header-connect{font-weight:700;font-size:2.4em;color:var(--techstack-word-color);margin-top:2rem;margin-bottom:1rem}.social-links-contact{display:flex;font-size:2em;margin-bottom:13px;margin-top:20px;grid-gap:1rem;gap:1rem}.connectCard{opacity:0}.connectCard,.connectCard.animate{-webkit-animation:fadeSlideUp 1s ease-out forwards;animation:fadeSlideUp 1s ease-out forwards}.connectCard.animate{opacity:1}@media screen and (max-width:768px){.connectCard{flex-direction:column;text-align:center;padding:2rem 1rem}#svg-man{max-width:300px;color:red}.content{margin-right:0;margin-top:2rem}.about{font-size:1.2rem;padding:0 1rem}.component-header-connect{font-size:2rem}@-webkit-keyframes fadeSlideUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.connectCard{opacity:0}.connectCard,.connectCard.animate{-webkit-animation:fadeSlideUp 1s ease-out forwards;animation:fadeSlideUp 1s ease-out forwards}.connectCard.animate{opacity:1}}#whole-body{color:var(--shirt-color)}.calendar-days{background-color:#333;color:#fff;height:auto;width:180px;margin:0;text-decoration:none;border-radius:12px;border:none;box-shadow:0 4px 10px rgba(0,0,0,.15);flex:0 0 180px}.calendar-days,.sub-card{padding:1rem;box-sizing:border-box}.sub-card{background-color:#f4f4f4;border-radius:10px;height:100%;width:100%;max-width:100%;color:#000;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.sub-tittle{color:#555;font-size:.85em;margin-bottom:.5rem}.primary-button{margin-top:1rem;color:#fff;padding:.5em 1em;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .3s ease}.primary-button,.primary-button:hover{background-color:var(--button-color)}.github-paragraph{margin:1rem 2rem 2rem;color:#fff;font-weight:400;line-height:1.43;letter-spacing:.01071em}.scrolling-wrapper{display:flex;overflow-x:auto;padding:1rem;grid-gap:1rem;gap:1rem;scroll-snap-type:x mandatory;margin:2rem}.scrolling-wrapper>*{scroll-snap-align:start}.scrolling-wrapper::-webkit-scrollbar{height:8px}.scrolling-wrapper::-webkit-scrollbar-thumb{background-color:#007acc;border-radius:4px}.scrolling-wrapper::-webkit-scrollbar-track{background:#222}@media only screen and (min-width:730px){.paragraph-cards{display:flex;flex-direction:row}}html{scroll-behavior:smooth}.container{display:flex;flex-direction:column;min-height:100vh}.container,.navigation-component{background-color:var(--main-bg-color)}.navigation-component{position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:100vh}.animated-person,.text-section{flex:1 1;min-width:300px;padding:1rem}.landing-image{width:100%;max-width:500px;height:auto}.hello-line{font-size:3rem;font-weight:600;margin:0;color:#fff}.dev-line{font-size:2rem;margin:1rem 0;color:#00d4ff;color:var(--accent-color,#00d4ff)}.describe-line{font-size:1.25rem;color:#ccc;margin-top:1rem;max-width:600px}.highlighted-name{color:#ff8c00;color:var(--highlight-color,#ff8c00)}.scroll-indicator{text-align:center}.scroll-indicator a{text-decoration:none;color:inherit}.chevron{width:28px;height:8px;background:#fff;margin:5px auto;opacity:.5;-webkit-animation:move 2s ease-out infinite;animation:move 2s ease-out infinite}.scroll-text{display:block;margin-top:1rem;font-size:.75rem;color:#fff;opacity:.6}@-webkit-keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.section{margin:4rem 2rem}@media (max-width:768px){.landing-content{flex-direction:column;text-align:center}.image-section{margin-top:2rem}}@media (max-width:480px){.hello-line{font-size:2.5rem}.dev-line{font-size:1.5rem}.describe-line{font-size:1rem}}@-webkit-keyframes fadeSlideUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.connect-card{opacity:0}.connect-card,.connect-card.animate{-webkit-animation:fadeSlideUp 1s ease-out forwards;animation:fadeSlideUp 1s ease-out forwards}.connect-card.animate{opacity:1}@-webkit-keyframes moveDown{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:.7}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes moveDown{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}50%{-webkit-transform:translateY(10px);transform:translateY(10px);opacity:.7}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.chevrons{display:flex;flex-direction:column;align-items:center;color:#fff}.chevrons svg{-webkit-animation:moveDown 1.5s infinite;animation:moveDown 1.5s infinite}.chevrons svg:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.chevrons svg:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.chevrons svg:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.animated-person #head{-webkit-animation:nod 2s ease-in-out infinite;animation:nod 2s ease-in-out infinite;-webkit-transform-origin:center bottom;transform-origin:center bottom}.animated-person #arm-hand-tablet{-webkit-animation:tap 1.5s ease-in-out infinite;animation:tap 1.5s ease-in-out infinite;-webkit-transform-origin:top right;transform-origin:top right}.animated-person #tablet{-webkit-animation:glow 1s infinite alternate;animation:glow 1s infinite alternate}@-webkit-keyframes nod{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}}@keyframes nod{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}}@-webkit-keyframes tap{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes tap{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@-webkit-keyframes glow{0%{fill:#999}to{fill:#00f7ff}}@keyframes glow{0%{fill:#999}to{fill:#00f7ff}}#desktopSentenceLast,#desktopSentenceMid,#desktopSentenceTop{opacity:0;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#desktopSentenceTop{-webkit-animation-name:fadeTop;animation-name:fadeTop}#desktopSentenceMid{-webkit-animation-name:fadeMid;animation-name:fadeMid}#desktopSentenceLast{-webkit-animation-name:fadeLast;animation-name:fadeLast}@-webkit-keyframes fadeTop{0%,20%{opacity:1}25%,to{opacity:0}}@keyframes fadeTop{0%,20%{opacity:1}25%,to{opacity:0}}@-webkit-keyframes fadeMid{0%,20%{opacity:0}25%,45%{opacity:1}50%,to{opacity:0}}@keyframes fadeMid{0%,20%{opacity:0}25%,45%{opacity:1}50%,to{opacity:0}}@-webkit-keyframes fadeLast{0%,45%{opacity:0}50%,70%{opacity:1}75%,to{opacity:0}}@keyframes fadeLast{0%,45%{opacity:0}50%,70%{opacity:1}75%,to{opacity:0}}#laptopscreen{-webkit-animation:fadeinout 5s infinite;animation:fadeinout 5s infinite}@-webkit-keyframes movement{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes movement{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeinout{0%,to{opacity:0}50%{opacity:1}}@keyframes fadeinout{0%,to{opacity:0}50%{opacity:1}}.icon-container{flex-basis:100%;width:100%;display:flex;justify-content:center;margin-top:2rem;color:#fff;opacity:.5}.icon-container a{color:inherit;text-decoration:none;margin:0 .75rem;transition:color .2s ease-in-out;font-size:2rem}.icon-container a:hover{color:#007bff}@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes flipHorizontal{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes flipHorizontal{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}.icon-container a{-webkit-animation:flipHorizontal 5s infinite;animation:flipHorizontal 5s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.icon-container a:first-child{-webkit-animation-delay:0s;animation-delay:0s}.icon-container a:nth-child(2){-webkit-animation-delay:5s;animation-delay:5s}.icon-container a:nth-child(3){-webkit-animation-delay:10s;animation-delay:10s}.icon-container a:nth-child(4){-webkit-animation-delay:15s;animation-delay:15s}.navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--nav-bar-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.hamburger{display:none;cursor:pointer;color:var(--white-color)}.nav-links{display:flex;grid-gap:1rem;gap:1rem}.nav-link{color:var(--white-color);text-decoration:none;text-transform:uppercase;transition:color .3s}.nav-link:hover{color:var(--hover-nav-color)}@media screen and (max-width:500px){.hamburger{display:block}.nav-links{display:none;width:100%;padding:1rem}.hamburger.show{background-color:grey;filter:alpha(opacity=60);opacity:.6;border-radius:10px}.nav-links.show{display:flex}}
/*# sourceMappingURL=main.0fac6ffb.chunk.css.map */