@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400&display=swap);@keyframes slide-in-right{0%{opacity:0;transform:translateX(50vw)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-50vw)}to{opacity:1;transform:translateX(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10vh)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opactity:0;transform:translateY(-10vh)}to{opacity:1;transform:translateY(0)}}@keyframes scale{0%{transform:scale(2)}to{transform:scale(1)}}html{scroll-behavior:smooth}body{background-color:#0c0c0c;box-sizing:border-box;color:#fff;font-family:Roboto Mono,monospace;margin:0}.secondary-btn{background-color:none;border:1px solid #fb0;border-radius:5px;color:#fb0;font-size:1rem;padding:.75rem 1rem}.secondary-btn:hover{cursor:pointer}li{list-style:none;margin:none}a{text-decoration:none}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-thumb{background-color:#ffbb004d;border-radius:10px;box-sizing:border-box}.App{text-align:center}.App footer{display:flex;flex-direction:column;font-size:.75rem}.App footer,.App footer a{color:#a7a7a7}.App footer{margin-bottom:50px}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero{box-sizing:border-box;max-width:100%;padding:0 100px;width:100vw}@media screen and (max-width:480px){.hero{padding:20px}}.hero{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 100px)}.hero .name-and-title{display:flex;flex-direction:column;text-align:left}.hero .name{animation:slide-up .75s ease-in-out 1s forwards;font-size:4.5rem;font-weight:700;opacity:0}.hero .title{animation:slide-up .9s ease-in-out 1s forwards;color:#a7a7a7;font-size:2.5rem;opacity:0}.hero .info-container{display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:100px}.hero .hero-info{animation:slide-up .75s ease-in-out 1.5s forwards;animation-fill-mode:forwards;color:#a7a7a7;font-size:1.3rem;opacity:0;text-align:left}.hero .highlight{color:#fff;font-weight:700}.hero .contact-me-container{align-items:center;animation:slide-up .95s ease-in-out 1.5s forwards;display:flex;justify-content:flex-start;opacity:0}@media screen and (max-width:1440px){.hero .name{animation:slide-up .75s ease-in-out 0s forwards;font-size:3.5rem}.hero .title{animation:slide-up .9s ease-in-out 0s forwards;font-size:2.5rem}.hero .hero-info{animation:slide-up .75s ease-in-out .5s forwards;font-size:1.5rem}.hero .contact-me-container{animation:slide-up .9s ease-in-out .5s forwards}}@media screen and (max-width:480px){.hero{display:flex;flex-direction:column;height:100vh;padding-top:100px}.hero .name{font-size:2rem}.hero .title{font-size:1.5rem}.hero .hero-info{font-size:1rem;padding-top:30px}.hero .info-container{height:100%;justify-content:space-between;margin:0;padding-bottom:80px}.hero .contact-me-container{animation:slide-up .9s ease-in-out .9s forwards;justify-content:center;justify-self:flex-end}}.nav-bar{box-sizing:border-box;max-width:100%;padding:0 100px;width:100vw}@media screen and (max-width:480px){.nav-bar{padding:20px}}.nav-bar{background:#000;font-size:24px;height:100px;justify-content:flex-end}.nav-bar,.nav-bar-container{align-items:center;display:flex}.nav-bar-container{justify-content:center}.nav-bar-item-list{align-items:center;display:flex;font-size:1rem;justify-content:space-between;margin:0 20px 0 0;padding:0}.nav-bar-item{animation:slide-down .75s ease-in-out calc(var(--animationOrder)*.1s) forwards;margin:0 1px;opacity:0;padding:.75rem 1rem}.nav-bar-item a{border-bottom:1px solid #fb0;color:#fff;text-decoration:none}.resume-btn{animation:slide-down .75s ease-in-out .6s forwards;opacity:0}@media screen and (max-width:480px){.nav-bar{background-color:#000;box-shadow:0 4px 10px #000c;height:80px;position:fixed;z-index:1}.nav-bar .nav-bar-item-list{display:flex;flex-direction:column;height:70%;justify-content:flex-start;margin-right:0;padding-top:40%}.nav-bar .menu-icon{font-size:2rem;margin-right:40px;position:fixed;z-index:3}.nav-bar .nav-bar-item{animation:slide-in-right .4s ease-in-out calc(var(--animationOrder)*30ms + 70ms) forwards;padding:30px 50px}.nav-bar .close-btn-container{box-sizing:border-box;display:flex;justify-content:flex-end;padding:0 40px;width:100%}.nav-bar .close-btn{font-size:2rem;text-align:right}.nav-bar .mobile-menu{animation:slide-in-right .4s ease-in-out 0s forwards;background-color:#000000b3;box-sizing:border-box;height:100vh;padding-bottom:40px;position:fixed;right:0;top:0;width:70vw;z-index:2}.resume-btn{animation:slide-in-right .4s ease-in-out .4s forwards}}.about-me{max-width:100%;padding:0 100px;width:100vw}@media screen and (max-width:480px){.about-me{padding:20px}}.about-me{box-sizing:border-box;display:grid;grid-template-columns:6fr 4fr;margin-bottom:100px;margin-top:100px;padding-top:100px;text-align:left}.about-me .about-me-text{color:#a7a7a7;font-size:1rem;margin-bottom:50px}.about-me .sub-header{font-size:1.5rem;font-weight:regular}.about-me .technology-list{display:flex;flex-direction:column;gap:2rem;padding:0}.about-me .technology-category{display:flex;flex-direction:column;gap:.5rem}.about-me .technology-category .category-header{color:#fb0;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.about-me .technology-category .category-list{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:1fr 1fr;list-style:none;padding:0}.about-me .technology-item{align-items:center;color:#a7a7a7;display:flex;font-size:1.1rem;font-style:italic;padding:0}.about-me .technology-item .bullet-point{color:#fb0;font-size:1.5rem;margin-right:.5rem}.about-me .right-container{align-items:center;display:flex;justify-content:center}.about-me .image-container{border-radius:10px;position:relative}.about-me .image-container .overlay-black{background-color:#0000003d;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}.about-me .image-container .overlay-yellow{background-color:#fb0;border-radius:10px;height:100%;left:0;opacity:.08;position:absolute;top:0;width:100%}.about-me .image-container .stylized-border{border:4px solid #fb0;border-radius:10px;height:100%;left:20px;opacity:.7;position:absolute;top:15px;width:100%}.about-me .self-portrait{border-radius:10px;display:block;position:relative;width:350px;z-index:0}@media screen and (max-width:480px){.about-me{display:flex;flex-direction:column;margin-bottom:40px;margin-top:0;padding-top:120px}.about-me .sub-header{font-size:1.25rem}.about-me .technology-list{gap:1.5rem}.about-me .technology-category .category-list{grid-template-columns:1fr}.about-me .self-portrait{width:250px}.about-me .image-container{margin-top:50px}}@media screen and (max-width:1440px){.about-me .technology-item{font-size:1.25rem}}.section-header{color:#fff;display:flex;flex-direction:row;font-size:1.5rem;font-weight:700;justify-content:space-between;white-space:nowrap;width:100%}.section-header .horizontal-rule{align-items:center;display:flex;justify-content:center;width:80%}.section-header .horizontal-rule hr{border-color:#a7a7a7;width:80%}@media screen and (max-width:480px){.section-header{font-size:1.25rem}}.work{box-sizing:border-box;max-width:100%;padding:0 100px;width:100vw}@media screen and (max-width:480px){.work{padding:20px}}.work{margin-top:200px;padding:100px 250px;text-align:left}.work .work-container{display:grid;grid-template-columns:3fr 7fr;padding:0;width:100%}.work .work-container ul{font-size:1rem;font-weight:regular;padding:0;text-align:left}.work .work-container .work-selector-item{box-sizing:border-box;margin-right:20%;padding:1.5rem 1rem}.work .work-container .work-selector-item:hover{cursor:pointer}.work .work-container .work-selector-item .selector-content{display:flex;flex-direction:column}.work .work-container .work-selector-item .selector-title{font-weight:500}.work .work-container .work-selector-item .selector-company{color:#a7a7a7;font-size:.9rem}.work .selected{background-color:#4747474d;border-radius:10px}.work .selected-information{display:flex;flex-direction:column;min-height:400px;padding-left:15px}.work .selected-information .job-header{margin-bottom:10px}.work .selected-information .job-title{font-weight:600}.work .selected-information .job-title .company{color:#a7a7a7;font-weight:400}.work .selected-information .dates-worked{color:#a7a7a7}.work .experience-item{align-items:center;color:#a7a7a7;display:flex;font-size:1rem;font-weight:regular;margin:20px 0}.work .experience-item .bullet-point{color:#fb0;font-size:2rem}@media screen and (max-width:1440px){.work{padding:100px}.work .work-selector-item{font-size:1rem}}@media screen and (max-width:480px){.work{margin-top:0;padding:120px 20px 20px}.work .work-container{display:flex;flex-direction:column}.work .work-container .work-selector-item{font-size:.75rem;margin:0;padding:10px 15px;text-align:center}.work .work-container .work-selector-item .selector-company{font-size:.65rem}.work .work-container ul{display:flex;flex-direction:row;overflow:scroll}.work .work-container ul.work-selector-list{border-bottom:2px solid #474747}.work .work-container ul.experience-list{display:flex;flex-direction:column}.work .work-container .selected-information{padding:0}.work .work-selector{display:flex;flex-direction:row;flex-wrap:nowrap}.work .selected{border-radius:4px}}.projects{box-sizing:border-box;max-width:100%;padding:0 100px;width:100vw}@media screen and (max-width:480px){.projects{padding:20px}}.projects{margin-bottom:100px;min-height:500px;padding-top:100px}.projects .header-container{padding-right:40%}.projects .project-list{display:flex;flex-wrap:wrap;margin-top:80px}@media screen and (max-width:1440px){.projects .header-container{padding:0}}@media screen and (max-width:480px){.projects{margin-bottom:0;padding-top:120px}.projects .header-container{padding:0}.projects .project-list{align-items:center;justify-content:center;margin-bottom:0;margin-top:40px}}.project-card{background:#1e1e1e;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:315px;justify-content:space-around;margin-right:20px;margin-top:20px;padding:30px;position:relative;text-align:left;width:350px}.project-card .project-card-name{color:#fff;font-size:1.5rem;font-weight:700}.project-card .project-card-description{color:#a7a7a7;font-size:1rem;font-weight:regular}.project-card .technology-item{color:#a7a7a7;font-size:.75rem;font-weight:regular;margin-right:15px}.project-card .git-link{color:#fb0;font-size:1.5rem;position:absolute;right:30px;top:20px}.project-card .git-link:hover{cursor:pointer}.project-card .technologies{display:flex}@media screen and (max-width:480px){.project-card{box-sizing:border-box;margin-right:0;margin-top:30px;width:100%}}.contact-me{max-width:100%;padding:0 100px;width:100vw}@media screen and (max-width:480px){.contact-me{padding:20px}}.contact-me{box-sizing:border-box;min-height:900px;padding-left:350px;padding-right:350px;padding-top:200px}.contact-me .contact-me-message{box-sizing:border-box;color:#a7a7a7;font-size:1.1rem;padding:50px 100px}.contact-me .information-container{display:flex;justify-content:center;margin-top:40px}.contact-me .information-list{padding:0;text-align:left}.contact-me .information-item{align-items:center;display:flex;margin-top:20px}.contact-me .information-item .icon-link{color:#fb0;font-size:1.5rem;margin-right:20px}.contact-me .information-item span{color:#a7a7a7}@media screen and (max-width:1440px){.contact-me{padding-left:200px;padding-right:200px;padding-top:100px}.contact-me .contact-me-message{padding:50px}}@media screen and (max-width:480px){.contact-me{min-height:90vh;padding-left:0;padding-right:0;padding-top:120px}.contact-me .contact-me-message{font-size:1rem;padding:20px 0 60px}}
/*# sourceMappingURL=main.c0b36d2b.css.map*/