#home-main{height:calc(100vh - 230px);display:flex;justify-content:center;align-items:center}@media (max-height:648px){#home-main{height:720px}}.home-main-content{flex-basis:50%;padding-top:40px;position:relative;z-index:0}.home-main-content:first-of-type{padding-left:20px}.home-main-title{font-size:88px}.home-main-subtitle{letter-spacing:1px;font-family:"roboto";font-size:32px;color:grey;max-width:450px}.home-main-subsubtitle{font-size:16px;text-decoration:underline;transition:.3s}.home-main-subsubtitle a:hover{opacity:.5;cursor:pointer}.home-main-pic{width:380px;height:380px;margin-bottom:140px;margin-left:100px;border-radius:50%}.home-main-circ{top:25%;left:40%;margin-top:40px;border-radius:50%;width:320px;height:320px;position:absolute;z-index:-1}.circ-dark{background-color:violet}.circ-light{background-color:#ffd73e}.home-main-subcirc{top:4%;left:7%;border-radius:50%;width:280px;height:280px;position:absolute;z-index:-1}.subcirc-dark{background-color:#e6e6fa;border:20px solid plum}.subcirc-light{background-color:#fff8dc;border:20px solid #ffdb8e}@media (max-width:648px){#home-main{height:auto;flex-direction:column-reverse}.home-main-content{padding:24px 16px 0!important}.home-main-title{font-size:80px}.home-main-subtitle{font-size:28px}.home-main-subsubtitle{font-size:12x}.home-main-pic{width:72vw;height:72vw;margin:24px 0 0;border-radius:50%}.home-main-circ{display:none}}#about-main{height:calc(100vh - 176px);display:flex;justify-content:center;align-items:center}@media (max-height:720px){#about-main{height:700px}}.about-main-content{flex-basis:50%;position:relative;z-index:0}.about-main-pic{margin-right:40px;margin-bottom:2vh;width:360px;height:auto}.about-main-title{letter-spacing:2px;font-size:68px}.about-main-linebreak{width:100px;margin:20px 0}.about-main-paragraph{width:500px;letter-spacing:1px;font-size:16px;line-height:28px;margin-bottom:12px}.about-main-content>a{text-decoration:underline;font-weight:900}.about-main-socials{margin-bottom:2vh;font-size:42px}.about-main-socials>*{margin-right:20px;cursor:pointer;transition:.5s}.about-main-socials>:hover{opacity:.3}.about-main-socials svg{color:#000}@media (max-width:648px){#about-main{height:auto;flex-direction:column-reverse}.about-main-content{padding:48px 16px 0 24px}.about-main-content>div{margin-left:0!important}.about-main-paragraph{width:100%}.about-main-socials{font-size:36px}.about-main-socials>*{margin-right:16px;line-height:20px}.about-main-socials>:last-of-type{margin-right:0}.about-main-pic{margin-bottom:4vh;margin-right:0;padding-right:8px;width:100%}}#project-main{height:calc(100vh - 176px);display:flex;justify-content:center;align-items:center}@media (max-height:640px){#project-main{height:640px}}.project-main-content{flex-basis:100%;position:relative;text-align:center;z-index:0}#project-main-title{font-size:80px;letter-spacing:3px}#project-main-subtitle{letter-spacing:2px;margin-top:16px;font-family:"Roboto";font-size:18px;color:grey}.project-main-linebr{margin:32px auto;width:100px;color:#f5f5f5}#project-main-des{margin:16px auto 0;font-family:"Roboto";font-size:16px;width:800px;line-height:22px;color:#d3d3d3}.project-section{height:100vh;min-width:1200px;min-height:760px}@media (max-height:760px){.project-section{height:760px}}.project-section-title{margin:0 26px;font-size:56px;display:inline-block;color:#000}.project-section-line{height:4px;background-color:#000;border:none;display:inline-block;margin-bottom:16px;width:10%}.project-section-title:before,:after{border-bottom:2px solid #000}#latest-project-content{height:calc(97vh - 56px);min-height:664px;display:flex;justify-content:center;align-items:center}#latest-project-content h2,#latest-project-content h3,#latest-project-content p{color:#000}#all-projects-content{height:auto;width:72vw;min-width:1180px;padding:0;margin:16vh auto 0}#all-projects-title{font-size:80px;letter-spacing:3px}#all-projects-subtitle{letter-spacing:1px;margin-top:12px;font-family:"Roboto";font-size:16px;color:grey}#all-projects-grid{width:57vw;margin:0 auto;padding-bottom:16vh}.all-projects-row{display:flex;align-items:center;width:100%;text-align:center}.all-projects-entry{flex-basis:33.3333%;height:24vh;position:relative;background-color:#fff;cursor:pointer;transition:.3s}@media (max-height:250px){.all-projects-entry{height:72vh}}.all-projects-entry:hover img{opacity:.56}.all-projects-entry-selected{position:absolute;font-size:2.5vw;top:8.4vh;z-index:1;width:19vw}@media (max-height:250px){.all-projects-entry-selected{top:22vh}}.all-projects-entry-selected *{color:#000;letter-spacing:1px}.all-projects-entry-selected>p{font-size:.92vw}@media (max-width:648px){.all-projects-entry-selected{font-size:10vw;width:76vw}.all-projects-entry-selected>p{font-size:3.68vw}}.popup{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10}.box{position:relative;width:80vw;z-index:20;height:auto;max-height:80vh;margin:10vh auto 0;overflow:auto;padding:2vw;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}@media (max-width:500px){.box{width:80%;max-height:none;height:40%}}.box h2,.box h3,.box p{color:#000}.project-title{font-size:56px;letter-spacing:1px}.project-stack,.project-title{font-family:"Roboto";text-align:center}.project-stack{margin-top:16px;font-size:18px;letter-spacing:.5px}.project-left-section{width:48%;margin-right:2%;display:inline-block;margin-top:3vh;vertical-align:top}.project-left-section>*{z-index:0}.img-gallery{width:92%;margin-bottom:30px}.project-right-section{width:48%;height:100%;margin-left:2%;display:inline-block;margin-top:3vh}.project-right-section>p{font-size:16px;line-height:18px}.project-date{color:#000;font-weight:700;display:inline-block}.project-link{border-radius:.25rem;background-color:#d3d3d3;padding:8px;margin-right:16px;transition:.3s;border:none;cursor:pointer}.project-link:hover{opacity:.6}.project-link *{color:#000}.project-link>h3{margin-left:6px;font-size:16px;letter-spacing:1px}@media (max-width:648px){#project-main{display:block;height:auto}.project-main-content{padding:36px 10px}#project-main-des{width:auto}.project-section{width:100%;height:auto;min-width:0;min-height:0;padding-bottom:32px}.project-section-title{text-align:center;display:block;margin-bottom:48px}.project-section-line{display:none}#latest-project-content{height:auto;min-height:0;display:block;padding:0 16px}.project-left-section,.project-right-section{width:100%;display:block}.project-right-section{margin-left:0;margin-bottom:3vh}.project-title{font-size:40px;margin-top:3vh}.project-date{line-height:40px}#all-projects-content{min-width:0;width:100%;padding:0 16px;margin-top:8vh}#all-projects-content hr{width:100%!important}#all-projects-grid{width:80%;margin-top:4vh;padding-bottom:8vh}.all-projects-row{flex-direction:column}.all-projects-entry{height:44vw}.box{height:76vh}}#contact-main{height:calc(100vh - 176px);display:flex;justify-content:center;align-items:center}@media (max-height:648px){#contact-main{height:680px}}.contact-main-content{flex-basis:100%;position:relative;text-align:center;z-index:0}#contact-main-title{font-size:80px;letter-spacing:2px;margin-top:40px}#contact-main-subtitle{letter-spacing:1px;margin-top:16px;font-family:"Roboto";font-size:16px;color:grey}#contact-main-email-container{margin-top:24px;line-height:24px}.email-content{font-size:16px}.email-content>*{text-decoration:underline;font-weight:900;cursor:pointer;font-family:"Roboto";transition:.3s}.email-content>:hover{opacity:.4}.contact-message{margin-top:16px;color:#4bb543}#contact-main-icon-container{width:100%;display:flex;justify-content:space-around;align-items:center;margin-top:64px;margin-bottom:8vh}.icon-circle{width:144px;height:144px;line-height:144px;vertical-align:middle;border-radius:50%;display:inline-block;transition:.3s;cursor:pointer}.instagram:hover{background:linear-gradient(49deg,#f9ed32,#ee2a7b,#002aff)}.linkedin:hover{background:#007bb5!important}.facebook:hover{background:#4267b2!important}.github:hover{background:#24292e!important}.tiktok:hover{background:#fff!important}.tiktok:hover *{color:#ee1d52!important}.strava:hover{background:#fc4c02!important}.spotify:hover{background:#1db954!important}.icon{vertical-align:middle;min-width:40%;height:auto}.icon-name{margin-top:32px;font-size:18px;color:grey}@media (max-width:648px){#contact-main{height:auto;flex-direction:column-reverse}.contact-main-content{padding:36px 12px 0}#contact-main-title{font-size:72px;letter-spacing:2px}#contact-main-subtitle{font-size:12px}.email-content{font-size:14px}.email-content>span>*{margin-left:8px!important}#contact-main-icon-container{margin-top:8vh;margin-bottom:4vh;flex-direction:column}.icon-name{margin:32px 0 48px}}@media (max-width:320px){#contact-main-title{font-size:70px}.email-content{font-size:11px}}#hire-main{height:calc(100vh - 176px);display:flex;justify-content:center;align-items:center}@media (max-height:648px){#hire-main{height:720px}}.hire-main-content{flex-basis:100%;text-align:left;position:relative;line-height:32px;padding-left:20px;color:grey}.hire-main-content *{font-family:"Roboto"}#hire-name{font-family:"Bebas Neue";font-size:56px;letter-spacing:2px;line-height:56px}#hire-name~h3{font-size:16px}#hire-advertise{font-size:18px;width:560px;color:grey}#hire-advertise~h4,#hire-advertise~h4 *{color:#fff;font-size:16px;font-weight:900}.hire-social{font-size:32px;margin-right:16px;transition:.3s}.hire-social:hover{opacity:.3}#hire-vector-pic{position:fixed;right:0;bottom:0;margin-right:16vw;width:auto;height:76vh}@media (max-width:1240px){#hire-main{height:calc(720px + 76vh)}#hire-vector-pic{position:static}}@media (max-width:648px){#hire-main{height:auto;display:block;padding:36px 10px 0}.hire-main-content{padding-left:14px}#hire-advertise{width:100%}#hire-vector-pic{width:100%;height:auto;margin-right:0}}#portfolio-logo{margin-top:19px;margin-right:4px;width:80px;height:auto;vertical-align:middle}#navbar-container{padding-top:32px;z-index:-5}#navbar-contents{font-size:36px;font-family:"Bebas Neue",cursive;padding:0 180px;display:flex;align-items:center;justify-content:space-between}#navbar-contents *{text-decoration:none}#navbar-contents>*{width:200px;letter-spacing:1px;display:inline;margin:0 auto}#navbar-contents a{transition:.3s}#navbar-contents a:hover{cursor:pointer;opacity:.5}#logo{vertical-align:middle;display:inline-block;width:100px;height:100px;font-size:60px;margin:0 48px;z-index:-6;border-radius:50%}#navbar-menu-button{z-index:10;display:none;position:fixed;left:24px;top:24px;height:24px;width:auto}#navbar-menu-content{display:flex;position:fixed;width:80vw;height:100vh;top:0;left:-80%;opacity:0;background:#101010;z-index:7;padding:100px 0 0 24px;text-align:left;transition:all 1.2s ease;flex-direction:column}#navbar-menu-content>ul{font-size:20px;font-family:"Bebas Neue";margin:16px 0;letter-spacing:2px}#navbar-menu-content>hr{width:calc(100% - 24px);margin:0;color:grey;background:grey;border-color:hsla(0,0%,100%,.25)}@media (max-width:648px){#navbar-container{padding:16px 0 0;position:relative;height:72px;width:100%}#navbar-contents{display:block;padding:0}#navbar-contents>*{display:none;width:auto}#navbar-contents>*>a{margin:0}#navbar-contents>:nth-of-type(3){display:inline-block}#logo{width:72px;height:72px}#portfolio-logo{width:56px;margin-top:14px}#navbar-menu-button{display:inline}#navbar-menu-content.active{left:0;opacity:1;transition:all 1s ease}}.dl-icon{height:24px;width:24px}.dl-switch{position:relative;display:inline-block;width:60px;height:34px;margin:0 4px}.dl-switch .dl-input{opacity:0;width:0;height:0}.dl-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.dl-slider,.dl-slider:before{position:absolute;transition:.4s}.dl-slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px}.dl-input:checked+.dl-slider,.dl-slider:before{background-color:#fff}.dl-input:checked+.dl-slider:before{background-color:#000}.dl-input:focus+.dl-slider{box-shadow:0 0 1px #ccc}.dl-input:checked+.dl-slider:before{transform:translateX(26px)}.dl-slider.round{border-radius:34px}.dl-slider.round:before{border-radius:50%}@media (max-width:648px){#dl-container{position:absolute;right:24px;top:36px}.dl-switch{margin:0}.dl-icon{display:none}}*{font-family:"Roboto",sans-serif;box-sizing:border-box;transition:.6s}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}h1,h2,h3,h4,h5,h6{font-family:"Bebas Neue",cursive;letter-spacing:2px}header{position:relative;z-index:1000}a{text-decoration:none}u{text-decoration:underline}b,u{display:inline}b{font-weight:900}#content-container{height:100%;z-index:-3}.content-container-alt{height:100vh;z-index:-3}.width-size{padding:0;width:1180px;margin:0 auto}.bottom-pad-med{padding-bottom:8vh}.center{text-align:center}#footer-info{font-size:14px;padding-bottom:12px}#copyright,#footer-info{letter-spacing:2px;width:1180px;margin:0 auto;text-align:center}#copyright{font-size:12px;padding-bottom:16px}@media (max-width:648px){#copyright,.width-size{width:100%}#footer-info{width:100%;margin-top:24px}}.scroll-down-icon{margin-top:16px;font-size:40px;transition:.3s;cursor:pointer}.scroll-down-icon:hover{opacity:.4}.fade-in-2{animation:fadeIn 2s ease;-webkit-animation:fadeIn 2s ease;-moz-animation:fadeIn ease 2s;-o-animation:fadeIn ease 2s;-ms-animation:fadeIn ease 2s}.fade-in-3{animation:fadeIn 3s ease;-webkit-animation:fadeIn 3s ease;-moz-animation:fadeIn ease 3s;-o-animation:fadeIn ease 3s;-ms-animation:fadeIn ease 3s}.fade-in-4{animation:fadeIn 4s ease;-webkit-animation:fadeIn 4s ease;-moz-animation:fadeIn ease 4s;-o-animation:fadeIn ease 4s;-ms-animation:fadeIn ease 4s}.fade-in-6{animation:fadeIn 6s ease;-webkit-animation:fadeIn 6s ease;-moz-animation:fadeIn ease 6s;-o-animation:fadeIn ease 6s;-ms-animation:fadeIn ease 6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.float-white{animation:float-white 6s ease-in-out infinite}@keyframes float-white{0%{transform:translatey(0);box-shadow:0 5px 15px 0 hsla(0,0%,100%,.6)}50%{box-shadow:0 25px 15px 0 hsla(0,0%,100%,.2);transform:translatey(-20px)}to{box-shadow:0 5px 15px 0 hsla(0,0%,100%,.6);transform:translatey(0)}}.float-black{animation:float-black 6s ease-in-out infinite}@keyframes float-black{0%{transform:translatey(0);box-shadow:0 5px 15px 0 #000}50%{box-shadow:0 25px 15px 0 rgba(0,0,0,.8);transform:translatey(-20px)}to{box-shadow:0 5px 15px 0 #000;transform:translatey(0)}}.animate{animation:animatezoom .4s}@keyframes animatezoom{0%{transform:scale(0)}to{transform:scale(1)}}.invisible{display:none}.black-overlay{height:100%;width:100%;background-color:hsla(0,0%,100%,.3)}.white-overlay{position:fixed;top:0;left:0;background:#fff;opacity:.56;width:100%;height:100%;z-index:5}.no-scroll{height:100%;overflow:hidden}.black{color:#000!important}.bg-black{background-color:#000!important}.white{color:#fff!important}.bg-white{background-color:#fff!important}.gray{color:#ccc!important}
/*# sourceMappingURL=main.412091cd.chunk.css.map */