@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500&family=Roboto&display=swap);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;overflow-x:hidden;overflow-y:auto}body.light{background-color:#fff}body.dark{background-color:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes progress-fade-in{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes progress-fade-out{0%{filter:blur(0);opacity:1}to{filter:blur(10px);opacity:0}}.show-circular-progress{animation:progress-fade-in 1s forwards}.hide-circular-progress{animation:progress-fade-out 1s forwards}.init-circular-progress-class{opacity:0}#navigation{display:block}#navigation-mobile{display:none}@media screen and (max-width:768px){#navigation{display:none}#navigation-mobile{display:block}}#canvas-wrapper{background:#fff;height:100vh;width:100vw}#canvas-basic{border:0;filter:brightness(70%);height:100vh;opacity:100%}.darken-canvas{opacity:50%}#header-wrapper{left:150px;position:fixed;top:25%;width:55vw}#icons-wrapper{margin-top:5%;position:relative;right:8px;width:246px}#header{font-family:Plus Jakarta Sans,sans-serif;font-size:4rem;margin:0;position:relative}#divider{background-color:#000;height:5px;margin-bottom:10px;margin-top:10px;width:60vw}#sub-header{font-family:Plus Jakarta Sans,sans-serif;font-size:2vw;margin:5% 0 0;width:80%}#lottie{left:60vw;position:fixed;top:20vh}@media screen and (max-width:1024px){#header{font-size:38px}#header-wrapper{top:250px}#lottie{height:100px;left:50%;top:100px;transform:translateX(-50%)!important;width:100px}#sub-header{font-size:20px;width:55%}#divider,#sub-header{margin-left:auto;margin-right:auto}#divider{height:20px;opacity:.4;width:calc(100% - 2em)}#header-wrapper{left:5vw;text-align:center;width:90vw}#icons-wrapper{height:100vh;left:7px;margin-left:auto;margin-right:auto;top:10vh;width:-moz-fit-content;width:fit-content}}@media screen and (max-width:768px){#header{font-size:34px}#sub-header{font-size:18px;margin-left:auto;margin-right:auto;width:85%}}@keyframes change-opacity{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.keyboard-style{animation:bounce 1.5s infinite}.app-bar{flex-direction:row;height:64px;padding:16px 32px;position:fixed;top:0;width:calc(100vw - 64px);z-index:10}.app-bar,.app-bar-mobile{align-items:center;display:flex;justify-content:space-between}.app-bar-mobile{height:50px;width:calc(100vw - 16px)}@keyframes app-bar-bluranimation{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080}}@keyframes app-bar-unbluranimation{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}}.app-bar-overlay{animation:app-bar-bluranimation 1s forwards}.app-bar-unoverlay{animation:app-bar-unbluranimation 1s forwards}.button{font-family:Plus Jakarta Sans,sans-serif}#nav-icon-wrapper{height:max-content;margin-bottom:auto;margin-left:auto;margin-top:auto;opacity:0;right:10%}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.init-icon-class{opacity:0;visibility:hidden}.hide-icon-wrapper{animation:fadeout 1s forwards}.show-icon-wrapper{animation:fadein 1s forwards}.experience{margin-bottom:50px;overflow:hidden;width:100vw}.experience-skills{left:60%;position:fixed;top:200px;width:30%}.experience-skills h3{font-size:2vw}.experience-skills div{font-size:1.3vw}#header-experience{font-weight:700;margin:0;position:relative}#header-experience,#header-experience-sideways{font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;width:max-content}#header-experience-sideways{left:0;opacity:0;position:fixed;top:0;transform:rotate(-90deg) translateY(-100px) translateX(-350px)}#header-wrapper-experience{margin-bottom:40px;margin-left:150px;margin-top:150px;width:-moz-fit-content;width:fit-content}#divider-experience{background-color:#fff;height:5px;margin-bottom:10px;margin-top:10px}@media screen and (max-width:1024px){#header-experience-sideways,.experience-skills{display:none}#divider-experience{height:4px;width:85vw}#header-wrapper-experience{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}#header-experience{font-size:28px;margin:auto}}.timeline-item{margin-bottom:20px;width:45%}.timeline-item-skills{width:40%}.timeline-item-wrapper{z-index:1}.date-wrapper{border:1px dashed #fff;font-family:Plus Jakarta Sans,sans-serif;left:20px;padding-left:40px;position:relative;width:calc(20vw - 60px);z-index:0}.timeline-item-header{padding-top:10px;width:100%}.header{font-family:Plus Jakarta Sans,sans-serif;padding-left:30px}.header-2{padding:30px}.date-range{position:relative}@media screen and (max-width:1024px){.timeline-item{flex-direction:column-reverse;width:100%}.timeline-item-wrapper{width:90vw}.date-wrapper{left:0;padding-left:30px;width:calc(80vw - 2px)}#title-header{font-size:20px}#company-header{font-size:16px}#description-text{font-size:14px}.date-wrapper,.timeline-options{font-size:12px}}.timeline-item-body{background-color:#f1f1f1;width:100%}.timeline-options{align-items:center;display:flex;justify-content:space-between;padding:0 30px 20px}.timeline-date-wrapper{font-size:20px;position:absolute;transform:rotate(-90deg) translateX(-50%) translateY(-700%)}.timeline{left:150px;position:relative}@media screen and (max-width:1024px){.timeline{left:0;margin:auto;width:-moz-fit-content;width:fit-content}}#projects{background-size:initial;height:100%;padding-bottom:80px}@keyframes show-project{0%{filter:blur(20px);opacity:0}to{filter:blur(0) brightness(100%);opacity:1}}.projects-init{filter:blur(20px);opacity:0}.projects-show{animation:show-project 1s forwards}.projects-hide{filter:blur(20px);opacity:0}.projects-mobile{filter:blur(0);opacity:1}#header-projects{font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:700;margin:0;position:relative;width:max-content}#header-wrapper-projects{margin-bottom:40px;padding-bottom:40px;position:relative;top:20vh}#divider-projects{height:5px;position:relative;top:10px;width:60vw}#projects-wrapper{display:flex;margin-top:200px}#projects-wrapper,#projects-wrapper-row{flex-direction:column}@keyframes select-project{0%{filter:blur(4px);transform:scale(.8)}to{filter:blur(0);transform:scale(1)}}@keyframes unselect-project{0%{filter:blur(0);transform:scale(1)}to{filter:blur(4px);transform:scale(.8)}}.selected{animation:select-project 1s forwards}.unselected{animation:unselect-project 1s forwards}.projects-wrapper{margin-bottom:40px}#header-mobile{display:none}#header-desktop{display:block}@media screen and (max-width:768px){#header-wrapper-projects{left:0;margin:auto;top:auto;width:-moz-fit-content;width:fit-content}#divider-projects{height:4px;width:85vw}#header-projects{font-size:28px}#projects-wrapper{margin-top:0}#projects{padding-bottom:0}#header-mobile{display:block}#header-desktop{display:none}}.project-item-image{object-fit:contain;width:100%}.project-item-wrapper{border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:grey;margin:auto;width:50vw}@media screen and (max-width:970px){.project-item-wrapper{width:90vw}}.project-item-title{font-weight:700;padding:0 30px}.project-item-link,.project-item-title{font-family:Plus Jakarta Sans,sans-serif}.project-item-link{color:dimgrey;font-size:14px;padding:0 30px 5px}.project-item-description{background:#f1f1f1;font-family:Plus Jakarta Sans,sans-serif;line-height:1.3;margin:20px 0;padding:30px}.responsive-iframe{height:500px;width:100%}.project-actions{padding:0 30px 20px;width:max-content}@media screen and (max-width:768px){.responsive-iframe{height:200px}.project-item-title{font-size:20px}.project-item-description{font-size:14px}}#about-me{height:100vh;margin-top:20vh}#header-aboutme{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:700;margin:0;width:max-content}.about-me-overlay{filter:blur(4px);height:100vh;position:absolute;width:100vw;z-index:1}#header-wrapper-aboutme{left:150px;position:relative;top:60px;width:85%}.about-me-card{max-width:700px;width:-moz-fit-content;width:fit-content}.about-me-text{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Plus Jakarta Sans,sans-serif;font-size:18px;height:max-content;margin-bottom:auto;margin-left:30px;margin-top:auto;padding:5px 20px;width:80%}.about-me-img{max-width:300px;width:auto}.about-me-card-content{display:flex;flex-direction:row}.mac-button{width:max-content}@media screen and (max-width:768px){.about-me-text{font-size:14px;margin:auto;padding-left:0;padding-right:0;width:90%;word-break:break-word}#header-aboutme{font-size:28px;margin:auto;width:-moz-fit-content;width:fit-content}.about-me-card{margin:auto auto 20px;width:90vw}#about-me{height:90vh;margin-top:10vh}.about-me-img{height:auto;margin:auto;width:auto}#header-wrapper-aboutme{left:0;margin:40px auto 20px;top:0;width:85vw}}
/*# sourceMappingURL=main.08680e5e.css.map*/