@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Poppins:wght@300;400;500&display=swap);*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#333;--secondary-color:#506cf0;--powder-blue:#c6deef;--link-color:#fe7860;--tertiary-color:#393855;--light-grey:#f5f5f7;--sans-serif-head:"Lato",sans-serif;--sans-serif:"Poppins",sans-serif}html{scroll-behavior:smooth;font-size:16px}body{margin:0 auto}.dev-name,body{font-family:"Poppins",sans-serif;font-family:var(--sans-serif);color:#333;color:var(--primary-color)}.dev-name{font-size:40px;line-height:1.2;font-weight:500}.subhead{font-size:18px;color:#333;color:var(--primary-color);text-align:right}.subhead,h1{font-family:"Lato",sans-serif;font-family:var(--sans-serif-head)}h1{font-size:33px;padding-top:25px;padding-bottom:30px;text-align:center;background-color:#506cf0;background-color:var(--secondary-color);color:#fff}h2{font-family:"Poppins",sans-serif;font-family:var(--sans-serif);font-size:18px;margin:0 auto;max-width:250px}header{display:flex;flex-wrap:wrap;justify-content:space-between;position:sticky;background-color:#fff;border-bottom:5px solid #506cf0;border-bottom:5px solid var(--secondary-color);top:0;z-index:9999}header nav{padding-right:35.2px;display:flex;align-items:center}header nav ul{list-style-type:none;display:flex;flex-wrap:wrap;padding-top:10px}header nav ul li a{padding:15px 0 5px;margin:25px;text-decoration:none;color:#333;color:var(--primary-color);font-weight:700;font-size:18px;font-family:"Lato",sans-serif;font-family:var(--sans-serif-head);cursor:pointer;border-bottom:2px solid transparent}.navActive{border-bottom:2px solid #333;border-bottom:2px solid var(--primary-color)}header nav ul li a:hover{color:#fe7860;color:var(--link-color);border-bottom:2px solid #fe7860;border-bottom:2px solid var(--link-color)}.header-block{padding:20px 30px;margin-left:30px}.content{min-height:calc(100vh - 255px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='564' preserveAspectRatio='none'%3E%3Cg mask='url(%26quot;%23SvgjsMask1030%26quot;)' fill='none' stroke='rgba(198, 222, 239, 1)' stroke-width='2'%3E%3Cpath d='M350.05 603.58c128.9-31.42 64.21-366.58 371.3-379.19 307.09-12.61 553.63-140.38 742.6-141'/%3E%3Cpath d='M274.16 616.99c134.09-14.61 213.75-305.8 443.1-307.84 229.35-2.04 221.55 70.5 443.1 70.5s330.93-70.28 443.1-70.5'/%3E%3Cpath d='M522.02 636.11c143.13-9.08 215.75-259.95 501.81-277.97 286.07-18.02 358.88-267.42 501.82-276.36'/%3E%3Cpath d='M934.16 604.33c116.69-17.67 140.62-267.73 367.51-296.3 226.89-28.57 257.22-236.9 367.51-248.16'/%3E%3Cpath d='M274.32 600.23c185.29-14.22 316.33-381.48 637.77-381.8 321.45-.32 469.15 216.9 637.78 219.96'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='SvgjsMask1030'%3E%3Cpath fill='%23fff' d='M0 0h1440v564H0z'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;background-position:bottom}.about-me{padding:50px 30px;display:flex;flex-wrap:wrap;flex:1 1;justify-content:center}.about-me img{flex:0 1 14%;width:200px;height:100%;border-radius:50%}.about-me div>*{padding-bottom:20px}.about-me div p:first-of-type:after{content:"";display:block;border-bottom:3px solid #fe7860;border-bottom:3px solid var(--link-color);width:55px}.about-me div hr{content:"";display:block;border:none;border-bottom:3px solid #fe7860;border-bottom:3px solid var(--link-color);width:100px;text-align:center}.about-me div{flex:0 1 50%;align-self:center}.about-me div p{width:85%}.about-me div p:first-of-type{font-size:22px}.my-work{background-color:#f5f5f7;background-color:var(--light-grey);padding:0 30px 10px}.my-work .project-list{display:flex;flex-wrap:wrap;list-style-type:none;justify-content:space-between;padding-top:35px}.project-list>li{display:flex;align-items:flex-end;width:48%;padding-left:20px;height:375px;margin-bottom:20px;position:relative;z-index:1;text-decoration:none;background-color:#393855;background-color:var(--tertiary-color)}.project-list>li:nth-child(2n){margin-left:20px}.project-list>li:hover{border-bottom:none}.project-list>li:before{content:"";opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.project-list>li:hover:before{opacity:0}.project-one:before{background-image:url(/react-portfolio/static/media/pet-planet-home.95de5bab.png);background-size:cover}.project-two:before{background-image:url(/react-portfolio/static/media/parktime-2-home.6ba5f4a2.png);background-size:cover}.project-three:before{background-image:url(/react-portfolio/static/media/tech-blog-home.720ab480.png);background-size:cover}.project-four:before{background-image:url(/react-portfolio/static/media/notetaker-notes.1bc84284.png);background-size:cover}.project-five:before{background-image:url(/react-portfolio/static/media/workday-scheduler-tasks.631703ee.png);background-size:cover}.project-six:before{background-image:url(/react-portfolio/static/media/weather-dash-search-history.92ad96e1.png);background-size:cover}.project-seven:before{background-image:url(/react-portfolio/static/media/js-api-quiz.7e02648f.png);background-size:cover}.project-eight:before{background-image:url(/react-portfolio/static/media/password-generator.dc7f12e7.png);background-size:cover}.project-list .project-description{display:block;padding:20px 20px 15px;position:relative;top:80px;align-self:flex-start;visibility:hidden}.project-list li:hover .project-description{visibility:visible}.project-description a span{background:#fff}.project-title{font-size:26px;text-decoration:none;margin-right:20px;color:#fff}.project-title:hover{color:#fe7860;color:var(--link-color)}.project-list p{font-size:18px;padding-top:10px;color:#fff}.contact-form{flex:100% 1;max-width:700px;margin:20px auto 0;padding-bottom:80px;display:flex;flex-wrap:wrap}.contact-form div{display:contents}.contact-form label{flex:100% 1;font-size:1.125rem;color:#333;color:var(--primary-color)}.contact-form input{height:40px}.contact-form input,.contact-form textarea{flex:100% 1;margin-bottom:10px;padding:2px 5px;border-radius:5px;font-size:1rem;border:2px solid #333;border:2px solid var(--primary-color)}.contact-form textarea{font-family:"Poppins",sans-serif;font-family:var(--sans-serif);padding-top:8px}.contact-form input:focus,.contact-form textarea:focus{border-color:#fe7860;border-color:var(--link-color)}.contact-form button{flex:0 1 50%;padding:10px;margin:15px auto;background-color:#506cf0;background-color:var(--secondary-color);color:#fff;font-size:1.125rem;border-radius:5px;border:none;cursor:pointer}.contact-form button:hover{background-color:#fe7860;background-color:var(--link-color)}.error-text{flex:100% 1;height:1.5em;color:red;font-size:14px}.resume{margin:0 auto}.resume p{text-align:center;margin:30px auto;font-size:20px}.resume a{text-decoration:none;color:#333;color:var(--primary-color)}.resume a:hover{color:#fe7860;color:var(--link-color)}.resume p a svg{margin-left:3px;vertical-align:middle}.proficiencies{display:flex;flex-wrap:wrap;justify-content:center;padding-top:15px;max-width:900px;margin:0 auto}.proficiencies div{flex:1 1 40%}.proficiencies div ul{padding-top:10px;padding-left:30px;margin:0 auto;max-width:230px}.footer-section{padding:30px;text-align:center;background-color:#333;background-color:var(--primary-color);color:#fff}.footer-links{flex:1 1}.footer-links section:first-child{padding-bottom:40px}.footer-links li{list-style-type:none;display:inline-block}.footer-links a{font-family:"Poppins",sans-serif;font-family:var(--sans-serif);color:#333;color:var(--primary-color);font-size:18px;text-decoration:none}.footer-links a img{width:40px}.footer-links li:nth-child(2){margin:0 12px 0 15px}.footer-section p{padding-top:20px}.footer-links li a span{background:#fff}.icon{display:inline-block;background:#000}.icon-download{-webkit-mask:url(/react-portfolio/static/media/data-transfer-download.e990783b.svg);mask:url(/react-portfolio/static/media/data-transfer-download.e990783b.svg);width:12px;height:12px;margin-left:3px;vertical-align:middle;background:#333;background:var(--primary-color);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.resume a .icon-download:hover{background:#fe7860;background:var(--link-color)}.icon-github{-webkit-mask:url(/react-portfolio/static/media/github-logo.9d30a2a6.svg);mask:url(/react-portfolio/static/media/github-logo.9d30a2a6.svg);vertical-align:bottom;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:45px;height:45px}.icon-github:hover{background:#fe7860;background:var(--link-color)}.icon-linkedin{-webkit-mask:url(/react-portfolio/static/media/linkedin-logo.109d4122.svg);mask:url(/react-portfolio/static/media/linkedin-logo.109d4122.svg);vertical-align:bottom;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:45px;height:45px}.icon-linkedin:hover{background:#fe7860;background:var(--link-color)}.icon-leetcode{-webkit-mask:url(/react-portfolio/static/media/leetcode-logo.1049e634.svg);mask:url(/react-portfolio/static/media/leetcode-logo.1049e634.svg);vertical-align:bottom;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:45px;height:45px}.icon-leetcode:hover{background:#fe7860;background:var(--link-color)}@media screen and (max-width:1365px){h1{flex:0 1 20%}.about-me div p{width:95%}.about-me img{margin:0 20px;padding-top:20px}}@media screen and (max-width:980px){header nav{justify-content:space-around;padding:0 0 20px}}@media screen and (max-width:840px){.header-block{margin-left:0}header nav ul li a{margin:16px}}@media screen and (max-width:768px){header{justify-content:center}.project-list>li{flex:1 0 100%}.project-list>li:nth-child(2n){margin-left:0}.contact-form{margin:20px 20px 0}.proficiencies{justify-content:space-evenly}}@media screen and (max-width:540px){.dev-name{margin-left:0;padding:10px 0 0}header nav ul{justify-content:center;padding-top:0}header nav ul li{padding-top:20px}header nav ul li a{margin:10px}.about-me div{flex:1 0 100%}.about-me img{margin:10px 0}.proficiencies{margin-left:20px}.contact-form textarea{margin-bottom:5px}.error-text{height:2em;font-size:12px}}@media screen and (max-width:476px){.project-list>li{padding-left:15px}.project-list .project-description{padding:20px 5px 15px}.proficiencies{display:block}.proficiencies div{padding-bottom:20px}}@media screen and (max-width:414px){.header-block{padding:20px 30px 10px}.project-title{font-size:22px}.project-list>li{padding-left:10px;padding-right:10px}.resume p{margin-bottom:15px}.proficiencies{padding-bottom:30px;margin:0}}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}
/*# sourceMappingURL=main.969f7a44.chunk.css.map */