@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Raleway:wght@400;600;700&display=swap);*{font-size:16px;margin:0;padding:0}:root{--main-font:"Lato",sans-serif;--body-font:"Raleway",sans-serif;--main-accent-color:#f0db4f}.hidden{display:none!important}.nonscroll{overflow:hidden}.main-background{background:url(/static/media/background.e3710ddf5fe405206902.webp);background-position:top;background-repeat:no-repeat;background-size:cover;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.main-background .blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100%;width:100%}.highlighted-italic-text{font-style:italic;font-weight:700}.highlighted-italic-text,.main-heading{color:#f0db4f;color:var(--main-accent-color);font-family:Lato,sans-serif;font-family:var(--main-font)}.main-heading{font-size:4em;margin-left:32px;margin-top:40px}.section-landing{background-color:rgba(0,0,0,.5);border:1px solid #f0db4f;border:1px solid var(--main-accent-color);border-radius:8px;box-sizing:border-box;font-family:Lato,sans-serif;font-family:var(--main-font);line-height:60px;margin-right:32px;margin-top:40px;padding:0 15px;text-align:center}.section-landing a{text-decoration:none}.highlighted-italic-text,.section-landing{font-size:2.25rem}.section-landing-wrapper{display:flex;flex-direction:row;justify-content:flex-end}@media only screen and (max-width:575px){.main-heading{font-size:3rem;margin-left:16px}.section-landing{margin-right:12px}.highlighted-italic-text,.section-landing{font-size:1.25rem}}@media only screen and (min-width:576px) and (max-width:767px){.main-heading{font-size:3rem;margin-left:16px}.section-landing{margin-right:12px}.highlighted-italic-text,.section-landing{font-size:1.25rem}}@media only screen and (min-width:768px) and (max-width:991px){.main-heading{font-size:3rem}.section-landing{margin-right:12px}.highlighted-italic-text,.section-landing{font-size:1.25rem}}header{display:flex;justify-content:flex-end}.mobile-header{display:none}header nav{margin-right:16px;margin-top:8px}header nav li{display:inline-block;padding:8px}nav li a.header-item{color:#fff;font-family:var(--main-font);font-size:22pt;font-weight:400;text-decoration:none}nav li a.header-item.active{color:var(--main-accent-color)}.about-section,.profile-picture-container{align-items:center;display:flex;flex-direction:column}.profile-picture-container{border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px 3px var(--main-accent-color);height:300px;margin-top:150px;overflow:hidden;position:relative;width:300px;z-index:2}.profile-picture-container .blurred-background{background:url(/static/media/profilePicture.bda87faab6ed6fe93e2e.webp);background-position:top;background-size:cover;-webkit-filter:blur(8px);filter:blur(8px);left:0;min-height:100%;position:absolute;width:100%;z-index:0}.profile-picture-container .main-picture{width:75%;z-index:1}.about-description{color:#fff;font-family:var(--main-font);line-height:60px;margin:110px 32px 32px}.about-description,.about-description span{font-size:2.25rem}@media only screen and (min-device-width:300px) and (max-device-width:812px){header nav{display:none}.profile-picture-container{height:200px;width:200px}.profile-picture-container .blurred-background{height:auto}.about-description,.about-description span{font-size:1.25rem;line-height:30px}}@media only screen and (max-width:767px){.mobile-header{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;height:60px;left:0;padding:16px;position:fixed;top:0;transition:.2s;width:100%;z-index:3}.mobile-header.offset-y-changed{background:rgba(0,0,0,.6);border-bottom:1px solid var(--main-accent-color);transition:.2s}.mobile-header.active{background:rgba(0,0,0,.6);height:100vh;transition:.2s}.mobile-header .blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:calc(100% - 1px);left:0;position:absolute;top:0;width:100%}.burger-button{align-items:center;background:transparent;border:none;display:flex;flex-direction:column;outline:none;z-index:4}.burger-button .burger-line{background:var(--main-accent-color);border-radius:1px;display:block;height:5px;margin-bottom:4px;pointer-events:none;transition:.2s;-webkit-user-select:none;user-select:none;width:30px}.burger-button.active{align-items:center;justify-content:center}.burger-button.active .burger-line:nth-child(2n){opacity:0}.burger-button.active .burger-line:first-child{-webkit-transform:rotate(45deg) translate(12px);transform:rotate(45deg) translate(12px);-webkit-transform-origin:center center;transform-origin:center center;transition:.2s}.burger-button.active .burger-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(12.5px);transform:rotate(-45deg) translate(12.5px);-webkit-transform-origin:center center;transform-origin:center center;transition:.2s}.mobile-header .mobile-header-options{background-color:initial;list-style-type:none;margin-top:16px;text-align:right;z-index:4}.mobile-header .mobile-header-options li{padding:6px}.mobile-header .mobile-header-options a{color:var(--main-accent-color);font-family:var(--main-font);font-size:1.875rem;font-weight:700;line-height:40px;text-decoration:none}}.skills{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:65%}.skills-group{align-content:center;display:flex;flex-flow:row wrap;justify-content:center;margin-top:4em}.rec.rec-dot{background-color:initial;border:2px solid var(--main-accent-color);box-shadow:none;height:12px;width:12px}.rec.rec-dot_active{background-color:var(--main-accent-color)}@media only screen and (max-width:414px){.skills{margin:initial;width:100%}}@media only screen and (min-width:415px) and (max-width:729px){.skills{margin:0 auto;width:80%}}@media only screen and (min-width:730px) and (max-width:1139px){.skills{width:90%}}@media only screen and (min-width:1140px){.skills{margin:0 auto;width:65%}}.skill-section{background:rgba(0,0,0,.5);border:1px solid var(--main-accent-color);border-radius:25px;box-sizing:border-box;color:#fff;height:372px;overflow:hidden;padding:46px;position:relative;width:298px}ul.skill-list{list-style:none}ul.skill-list .skill-item{font-family:var(--body-font);font-size:1.25rem;font-style:normal;font-weight:700;margin-bottom:1em}h2.skill-category-name{bottom:175px;color:var(--main-accent-color);font-family:var(--main-font);font-size:70px;font-weight:800;height:60px;line-height:0;opacity:.6;position:absolute;right:-180px;text-align:left;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:387px;z-index:0}@media only screen and (min-device-width:300px) and (max-device-width:812px){.skill-section{display:inline-block}}footer{background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;margin-top:32px;padding-top:1px}footer .reach-links{color:#fff;font-family:var(--main-font);line-height:33px;margin:40px 32px}.reach-links,.reach-links .highlighted-italic-text{font-size:1.75rem}footer .reach-links a{text-decoration:none}footer .social-links{align-items:center;background:var(--main-accent-color);display:flex;flex-direction:row;height:50px;justify-content:center}footer .social-links img{margin-right:10px;width:25px}footer .social-links .spacer{width:120px}footer .social-links .signature{font-family:var(--main-font);font-size:1rem;font-weight:700}footer .social-links .signature-name{font-weight:900}@media only screen and (max-width:575px){footer .reach-links{line-height:19px;margin:32px}.reach-links,.reach-links .highlighted-italic-text{font-size:1rem}footer .social-links{justify-content:space-between;padding-left:10px;padding-right:10px}footer .social-links img{margin-right:8px;width:20px}footer .social-links .spacer{width:0}footer .social-links .signature,footer .social-links .signature-name{font-size:.875rem}}@media only screen and (min-width:576px) and (max-width:767px){footer .reach-links{line-height:19px;margin:32px}.reach-links,.reach-links .highlighted-italic-text{font-size:1rem}footer .social-links{justify-content:space-between;padding-left:10px;padding-right:10px}footer .social-links img{margin-right:8px;width:20px}footer .social-links .spacer{width:0}footer .social-links .signature,footer .social-links .signature-name{font-size:.875rem}}.education .section-landing{color:#fff}.education .education-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.education-item{background:rgba(0,0,0,.5);border:1px solid var(--main-accent-color);border-radius:15px;height:161px;margin-top:38px;overflow:hidden;position:relative;width:350px}.education-item .education-title{color:#fff;font-family:var(--body-font);font-size:1.625rem;font-weight:600;line-height:35px;margin:18px}.education-item .education-info{align-items:center;background:var(--main-accent-color);bottom:0;display:flex;flex-direction:row;font-family:var(--main-font);height:40px;justify-content:space-between;left:0;position:absolute;width:100%}.education-item .education-info p{color:#000;font-weight:800;line-height:19px}.education-item .education-info p:first-child{margin-left:20px;text-align:left}.education-item .education-info p:nth-child(2){margin-right:20px;text-align:right}@media only screen and (max-width:575px){.education-item{width:312px}.education-item .education-title{font-size:1.5rem;line-height:30px;margin-left:16px;margin-right:16px}.education-item .education-info p{font-size:.875rem}}@media only screen and (min-width:576px) and (max-width:767px){.education-item{width:312px}.education-item .education-title{font-size:1.5rem;line-height:30px;margin-left:16px;margin-right:16px}.education-item .education-info p{font-size:.875rem}}@media only screen and (min-width:768px) and (max-width:991px){.education-item{width:312px}.education-item .education-title{font-size:1.5rem;line-height:30px;margin-left:16px;margin-right:16px}.education-item .education-info p{font-size:.875rem}}.experience{color:#fff;margin-top:20px}.experience-item{display:flex;flex-direction:column;margin-left:12%;margin-right:20%;margin-top:36px;min-height:200px;position:relative}.experience-item .date-interval{left:-200px;margin-top:40px;min-width:153px;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top right;transform-origin:top right}.experience-item .date-interval p{color:var(--main-accent-color);font-family:var(--main-font);font-size:1.375rem;font-weight:700;line-height:26px;text-align:right}.experience-item .experience-info{display:flex;flex-direction:column}.experience-item .experience-info .charge{font-family:var(--main-font);font-size:1.875rem;font-weight:800;line-height:2.18rem}.experience-item .experience-info .charge:after{background-color:var(--main-accent-color);content:" ";display:block;height:2px;margin-top:6px;width:283px}.experience-item .experience-info .company-name{font-family:var(--body-font);font-size:1.5rem;font-weight:700;line-height:35px;margin-top:6px}.experience-item .experience-info .job-description{font-family:var(--body-font);font-size:1.375rem;font-weight:400;line-height:35px;margin-top:6px}@media only screen and (max-width:575px){.experience-item .date-interval p{font-size:1.125rem;line-height:inherit}.experience-item .experience-info .charge{font-size:1.625rem}.experience-item .experience-info .company-name{font-size:1.25rem;line-height:1.43rem}.experience-item .experience-info .job-description{font-size:.875rem;line-height:1rem}.experience-item .date-interval{left:-190px}}@media only screen and (min-width:576px) and (max-width:767px){.experience-item .date-interval p{font-size:1.125rem;line-height:inherit}.experience-item .experience-info .charge{font-size:1.625rem}.experience-item .experience-info .company-name{font-size:1.25rem;line-height:1.43rem}.experience-item .experience-info .job-description{font-size:.875rem;line-height:1rem}.experience-item .date-interval{left:-190px}}@media only screen and (min-width:768px) and (max-width:991px){.experience-item .date-interval p{font-size:1.125rem;line-height:inherit}.experience-item .experience-info .charge{font-size:1.625rem}.experience-item .experience-info .company-name{font-size:1.25rem;line-height:1.43rem}.experience-item .experience-info .job-description{font-size:.875rem;line-height:1rem}.experience-item .date-interval{left:-190px}}.portfolio{margin-top:40px;min-height:700px}.portfolio-heading{align-items:center;display:flex;flex-direction:row}.portfolio-heading .main-heading{margin-top:0}.portfolio-heading #cboProjectType{-webkit-appearance:none;appearance:none;background:rgba(0,0,0,.5);border:1px solid var(--main-accent-color);border-radius:5.8px;color:var(--main-accent-color);display:none;font-family:var(--main-font);font-size:1.25rem;font-style:italic;height:43px;margin-left:20px;outline:none;padding:8px;width:120px}.portfolio-item{flex-direction:column}.portfolio-item,.portfolio-item-heading{align-items:center;display:flex;justify-content:center}.portfolio-item-heading{flex-direction:row;margin-bottom:16px;max-width:300px;padding:8px;position:relative}.portfolio-item-heading:after{background:var(--main-accent-color);bottom:0;content:" ";height:2px;position:absolute;width:100%;z-index:1}.portfolio-item-heading img{width:22px}.portfolio-item-heading h2{color:#fff;font-family:var(--main-font);font-size:1.25rem;margin-left:8px}.portfolio-item-screenshot-container{overflow:hidden;position:relative;width:250px}.portfolio-item-screenshot-container>.screenshot{pointer-events:none;width:100%}.portfolio-item-screenshot-container>.platform{border:1px solid var(--main-accent-color);pointer-events:none;position:absolute;right:0;top:0;width:30px}@media only screen and (max-width:575px){.portfolio-heading{align-items:flex-end;justify-content:space-between}.portfolio-heading #cboProjectType{font-size:1rem;margin-left:0;margin-right:12px;padding:8px;width:105px}}.portfolio-modal-overlay{background-color:initial;height:100vh;left:0;opacity:1;overflow:auto;position:fixed;top:0;transition:opacity .4s ease-out;width:100%;z-index:5}.portfolio-modal-overlay.hidden-modal{opacity:0;transition:opacity .4s ease-out;z-index:-10}.portfolio-modal{background-color:#fff;display:flex;flex-direction:column;min-height:100%;overflow-y:scroll;position:relative}.portfolio-modal .close-button{align-self:flex-end;background-color:initial;border:none;color:#000;cursor:pointer;font-size:24px;outline:none;padding:8px;text-align:center;text-decoration:underline}.portfolio-modal .project-heading{align-items:center;display:flex;flex-direction:column;justify-content:center}.portfolio-modal .project-heading .project-icon{width:40px}.portfolio-modal .project-heading .project-name{color:#000;font-family:var(--main-font);font-size:1.625rem;font-weight:800;line-height:31px;margin-top:15px}.portfolio-modal .modal-main-carousel{align-self:flex-start;box-sizing:border-box;margin-top:24px;padding:16px;width:100%}.portfolio-modal .modal-main-carousel .wrapper{overflow:hidden;position:relative}.portfolio-modal .modal-main-carousel .wrapper .items{position:relative}.portfolio-modal .modal-main-carousel .wrapper .items.shifting{transition:left .2s ease-out}.portfolio-modal .modal-main-carousel .project-screenshot{border:1px solid #000;float:left;margin-right:8px;min-height:247px;transition:all 1s;width:130px}.portfolio-modal .modal-main-carousel .project-screenshot:last-child{margin-right:0}.portfolio-modal .project-info{color:#000;font-family:var(--main-font);font-size:1rem;line-height:19px;list-style-type:none;margin:16px}.portfolio-modal .project-info li{margin-bottom:8px}.portfolio-modal .project-info .project-link{color:red;text-decoration:underline}@media only screen and (min-width:992px){.portfolio-modal .modal-main-carousel .project-screenshot{min-height:475px;width:250px}}
/*# sourceMappingURL=main.13519b83.css.map*/