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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background-color:#1a1a1a;overflow-x:hidden}html{scroll-behavior:smooth}.hero-section{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' preserveAspectRatio='none'%3E%3Cg mask='url(%26quot;%23a%26quot;)' fill='none'%3E%3Cpath fill='rgba(26, 26, 26, 1)' d='M0 0h1920v1080H0z'/%3E%3Cpath d='m113 544-1-313' stroke-width='8' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m1709 372-1-279' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m603 634-1-459' stroke-width='8' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1895 977-1 783' stroke-width='8' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m716 984-1 534' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m529 681-1-739' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m200 897-1 373' stroke-width='8' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m96 655-1-805' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1785 337-1 393' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m1618 653-1 504' stroke-width='6' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m554 359-1 649' stroke-width='8' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m1006 266-1 326' stroke-width='8' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m510 138-1-411' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m1798 171-1-671' stroke-width='8' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m992 853-1-585' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m267 877-1 322' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m781 746-1-674M1186 334l-1 765' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1425 797-1-409' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1468 702-1-455' stroke-width='8' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m660 822-1-751' stroke-width='8' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m1483 203-1-809' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m546 616-1 683M1186 1048l-1-468' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1603 854-1-375' stroke-width='6' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m280 213-1 767' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m45 110-1-420' stroke-width='8' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m39 619-1-417' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m545 305-1 294' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m903 375-1-424' stroke-width='8' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m1613 121-1 317' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1814 318-1-352' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m812 349-1-773' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m401 768-1 497' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m235 336-1 605' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m541 183-1-779' stroke-width='8' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1485 464-1-463' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1810 200-1-494' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m547 242-1 335' stroke-width='8' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m1070 86-1 302' stroke-width='10' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m1336 825-1 366' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m365 880-1 373' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1548 374-1-808M957 914l-1-423' stroke-width='6' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3Cpath d='m921 845-1-780' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m131 593-1-720' stroke-width='6' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m222 348-1 538' stroke-width='10' stroke='url(%26quot;%23c%26quot;)' stroke-linecap='round' class='Up'/%3E%3Cpath d='m1682 680-1 659' stroke-width='6' stroke='url(%26quot;%23b%26quot;)' stroke-linecap='round' class='Down'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient x1='0%25' y1='0%25' x2='0%25' y2='100%25' id='b'%3E%3Cstop stop-color='rgba(135, 57, 249, 0)' offset='0'/%3E%3Cstop stop-color='rgba(135, 57, 249, 1)' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient x1='0%25' y1='100%25' x2='0%25' y2='0%25' id='c'%3E%3Cstop stop-color='rgba(135, 57, 249, 0)' offset='0'/%3E%3Cstop stop-color='rgba(135, 57, 249, 1)' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='a'%3E%3Cpath fill='%23fff' d='M0 0h1920v1080H0z'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-x;background-size:cover;height:90vh;margin:0 auto;width:85%}.hero-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;width:100%}.title{color:#fff;font-family:Unbounded,cursive;font-size:3rem}.sub-title{color:#c651cd;font-family:IBM Plex Mono,monospace;font-size:1.5rem;margin:1rem 0;text-shadow:3px 3px 10px #000}.avatar-con{background-image:linear-gradient(to right bottom,#8739f9,#9e3bed,#b041e1,#bc48d7,#c651cd);-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.avatar{-webkit-filter:drop-shadow(8px 8px 15px rgba(0,0,0,.5));filter:drop-shadow(8px 8px 15px rgba(0,0,0,.5));height:350px;width:350px}.hero-svg{height:64px;margin:1rem;width:64px}.about-me{margin:5rem 0 3rem;min-height:50vh;width:100%}.about-me-con{align-items:center;display:flex;height:100%;justify-content:center;margin:2rem auto;text-align:left;width:100%}.about-txt-holder{height:auto;margin:0 auto;width:85%}.about-txt-holder h1{color:#c651cd;font-family:Unbounded,cursive;font-size:2rem;margin:1rem 0}.about-txt-holder p{color:#fff;font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:300;margin:.75rem 0;text-shadow:3px 3px 10px #000}.about-txt-holder .me-tag{font-size:1.25em}.skills-section{min-height:100vh;width:100%}.section-title{color:#c651cd;font-family:Unbounded,cursive;font-size:2rem;margin:0 auto;text-align:left;width:85%}.skills-con{align-items:center;height:100%;justify-content:center;margin:2rem 0;width:100%}.frontend-skills,.skills-con{display:flex;flex-direction:column}.frontend-skills{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;margin:0 auto;min-height:33%;width:85%}.frontend-skills h3{color:#fff;font-family:IBM Plex Mono,monospace;font-size:1.75rem;margin:1rem 0}.svg-holder{align-items:center;display:flex;height:100%;justify-content:flex-start;width:100%}.project-section{height:100vh;margin:5rem 0;width:100%}.project-con{align-items:center;flex-direction:row-reverse;flex-wrap:wrap;height:100%;margin:0 auto;width:85%}.project-con,.project-img{display:flex;justify-content:center}.project-img{align-items:space-between;background-color:#242424;flex-direction:column;height:80%;width:50%}.project-img img{height:75%;margin:1rem auto;object-fit:contain;position:relative;width:80%}.project-img .next-btn-holder{align-items:center;display:flex;height:35%;justify-content:center;width:100%}.project-title{align-self:flex-start;color:#fff;font-family:Unbounded,cursive;font-size:2rem;text-align:left}.project-description{align-items:flex-start;background-color:#242424;display:flex;flex-direction:column;height:80%;justify-content:space-around;padding:2rem;width:50%}.desc{list-style:none;text-align:left}.desc li{color:#fff;font-size:1.25rem;font-weight:300;margin:2rem 0}.desc li,.status{font-family:IBM Plex Mono,monospace}.status{align-self:flex-start;color:#ffd900;font-size:1rem;text-align:left}.btn-holder{align-items:center;display:flex;justify-content:flex-start;width:100%}.experience-section{margin:2rem 0;min-height:100vh;width:100%}.experience-con{height:100%;margin:5rem auto;width:85%}.contact-section{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='560' preserveAspectRatio='none'%3E%3Cg mask='url(%26quot;%23a%26quot;)' fill='none'%3E%3Cpath fill='rgba(26, 26, 26, 1)' d='M0 0h1440v560H0z'/%3E%3Cpath d='M-66.632 125c96.002 42.8 288.002 209.8 480 214 192.002 4.2 288.002-201.4 480-193 192.002 8.4 288.002 248.6 480 235 192.002-13.6 466.672-292.2 480-303C1866.69 67.2 1522.67 277.2 1440 327' stroke='rgba(135, 57, 249, 0.75)' stroke-width='2'/%3E%3Cpath d='M-93.18 79c96 45.2 288 210.4 480 226 192 15.6 288-164.4 480-148 192 16.4 288 236.2 480 230 192-6.2 461.36-275.2 480-261 18.64 14.2-309.46 265.6-386.82 332' stroke='rgba(135, 57, 249, 0.75)' stroke-width='2'/%3E%3Cpath d='M-777.178 148c95.998 71 287.998 349 480 355 191.998 6 287.998-319.2 480-325 191.998-5.8 287.998 308 480 296 191.998-12 324.568-328.8 480-356C1298.26 90.8 1380.56 294 1440 338' stroke='rgba(135, 57, 249, 0.75)' stroke-width='2'/%3E%3Cpath d='M-49.319 412c95.999-62.8 287.999-305 480-314 191.999-9 287.999 257.8 480 269 191.999 11.2 287.999-226 480-213 191.999 13 470.139 297.6 480 278C1880.55 412.4 1526.14 131.2 1440 56' stroke='rgba(135, 57, 249, 0.75)' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='a'%3E%3Cpath fill='%23fff' d='M0 0h1440v560H0z'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;height:auto;position:relative;width:100%}.contact-con{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:5rem auto;width:85%}.contact-con h1{color:#fff;font-family:IBM Plex Mono,monospace;font-size:5rem;margin:1rem 0}.contact-con img{height:300px;margin:1rem 0;object-fit:cover;width:300px}@media screen and (min-width:769px) and (max-width:920px){.about-txt-holder{height:100%;width:90%}.svg-holder{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.project-section{height:auto}.project-con{flex-direction:column;flex-wrap:wrap;width:90%}.project-description{width:100%}.project-description .point{font-size:1.125rem}.project-img{margin:2rem 0;width:100%}.project-img img{height:100%}.project-img .next-btn-holder{height:25%;margin:2rem 0}.btn-holder{margin:2rem 0}}@media screen and (min-width:400px) and (max-width:768px){.about-txt-holder{height:100%;width:90%}.svg-holder{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.project-section{height:auto}.project-con{flex-direction:column;flex-wrap:wrap;width:90%}.project-description{width:100%}.project-description .point{font-size:1.125rem}.project-img{margin:2rem 0;width:100%}.project-img img{height:65%}.project-img .next-btn-holder{height:25%;margin:2rem 0}.btn-holder{margin:2rem 0}.contact-section{min-height:100vh}.contact-con h1{font-size:3.5rem;margin:1rem 0}.section-title{font-size:1.75rem}}@media screen and (min-width:250px) and (max-width:399px){.title{font-size:2rem}.section-title{font-size:1.75rem}.sub-title{font-size:1.25rem}.avatar{height:275px;width:275px}.about-me{min-height:100vh}.about-txt-holder{height:100%;width:90%}.svg-holder{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.project-section{height:auto}.project-con{flex-direction:column;flex-wrap:wrap;width:90%}.project-description{width:100%}.project-description .point{font-size:1rem}.project-img{margin:2rem 0;width:100%}.project-img img{height:100%}.project-img .next-btn-holder{height:25%;margin:2rem 0}.btn-holder{margin:2rem 0}.contact-con h1{font-size:3rem;margin:1rem 0}}.skill-card{background-color:#242424;border-left:2px solid #c651cd;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.5);height:150px;margin:.5rem;padding:5px;width:150px}.skill-card h3{font-family:IBM Plex Mono,monospace;font-size:1rem}.skill-card img{height:64px;object-fit:cover;width:64px}@media screen and (min-width:250px) and (max-width:399px){.skill-card{height:150px;padding:5px;width:125px}}.retro{align-items:center;background-color:#fff;border:.125rem solid #121212;border-radius:.25rem;box-shadow:.25rem .25rem #121212;color:#1a1a1a;font-family:IBM Plex Mono,monospace;font-weight:700;margin:0 1rem 0 0;padding:.75rem 1rem;text-transform:uppercase;transition:box-shadow 50ms,-webkit-transform 50ms;transition:transform 50ms,box-shadow 50ms;transition:transform 50ms,box-shadow 50ms,-webkit-transform 50ms}.retro:active{box-shadow:.125rem .125rem #8739f9;-webkit-transform:translate(.125rem,.125rem);transform:translate(.125rem,.125rem)}@media screen and (min-width:400px) and (max-width:768px){.retro{font-size:.675rem}}@media screen and (min-width:250px) and (max-width:399px){.retro{font-size:.625rem}}.exp-card{background-color:#242424;border-radius:1rem;height:auto;margin:2rem auto;padding:2rem;width:100%}.job-title{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.job-title h1{color:#fff;font-family:IBM Plex Mono,monospace;font-size:1.75rem;margin:1rem 0;text-transform:uppercase}.job-title img{object-fit:contain;width:128px}.job-desc{text-align:left;width:100%}.job-desc h1{color:#fff;font-family:IBM Plex Mono,monospace;font-size:1.2rem;font-weight:300;margin:1rem 0}@media screen and (min-width:250px) and (max-width:768px){.job-desc h1{font-size:1.125rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}.nav-svg{height:64px;width:64px}.navbar{background-color:#1a1a1a;padding:12px;width:100%}.nav-con{height:100%;justify-content:space-around;width:100%}.nav-con,.nav-links{align-items:center;display:flex}.nav-links{justify-content:center;list-style:none}.nav-links a{text-decoration:none}.link{color:#fff;font-family:IBM Plex Mono,monospace;margin:0 1.5rem;transition:all .35s ease-in-out}.link:hover{color:#c651cd}.hamburger,.resp-nav{display:none}.active{display:block}.resp-nav-links{display:none}@media screen and (min-width:250px) and (max-width:650px){.hamburger{display:block}.link{display:none}.nav-con{justify-content:space-between}.resp-nav-links{align-items:center;display:flex;flex-direction:column;justify-content:center;list-style:none}.resp-nav-links a{text-decoration:none}.resp-link{color:#fff;font-family:IBM Plex Mono,monospace;margin:1.25rem 0}}
/*# sourceMappingURL=main.fd8dc54e.css.map*/