@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBelow{0%{transform:translateY(50%)}to{transform:translateY(0)}}@keyframes scaleHorizontal{0%{transform:scaleX(0)}to{transform:scaleX(100%)}}.fadeIn{animation:fadeIn 1s linear backwards}.slideInFromBelow{animation:slideInFromBelow 1s ease backwards}.fadeIn-slideInFromBelow{animation:fadeIn .8s linear backwards,slideInFromBelow .8s ease backwards}.scaleLeftToRight{animation:scaleHorizontal .5s ease backwards;transform-origin:50% 0}.navbar{align-items:center;display:flex;height:80px;justify-content:space-between}.navbar h1{display:inline-block;font-size:17px;font-weight:400;letter-spacing:1px;margin:0;padding:0}.navbar h1 a{text-decoration:none}.navbar .logo{height:50px}.navbar-right a{color:var(--disabled-color);float:left;font-size:36px;font-weight:700;margin:15px 0 15px 30px;position:relative;text-align:center;text-decoration:none;transition:.3s cubic-bezier(.175,.885,.32,1.275)}.navbar-right #active{color:var(--main-color)}.navbar-right{float:right}@media only screen and (max-width:1000px){.navbar{margin:0 15px}.navbar-right{display:none}}@media only screen and (min-width:1000px){.navbar{margin:0 var(--page-margin-desktop)}.navbar-right{display:visible}}.hamburger-button{background-color:#0000;height:50px;position:relative;width:50px;z-index:2}.hamburger-button-line{background-color:var(--main-color);height:2px;position:absolute;transition:.3s ease-in-out;width:40px}.hamburger-button.collapsed .hamburger-button-line{background-color:var(--background-color)}.hamburger-button div:first-child{top:10px}.hamburger-button div:nth-child(3){bottom:10px}.hamburger-button.collapsed div:first-child{top:24px;transform:rotate(45deg)}.hamburger-button.collapsed div:nth-child(2){opacity:0;width:0}.hamburger-button.collapsed div:nth-child(3){bottom:24px;transform:rotate(-45deg)}@media only screen and (max-width:1000px){.hamburger-button{display:visible}}@media only screen and (min-width:1000px){.hamburger-button{display:none}}.mobile-navbar{background-color:var(--accent-color);height:100vh;left:0;position:fixed;top:0;transform:translateY(-100%);transition:.3s ease-in-out;width:100vw;z-index:1}.mobile-navbar .center-container{position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.mobile-navbar.hidden{transform:translateY(-100%)}.mobile-navbar.visible{transform:translateY(0)}.mobile-navbar li{list-style-type:none}.mobile-navbar a{color:var(--background-color);display:inline-block;font-size:40px;font-weight:700;margin-bottom:10px;position:relative;text-decoration:none;transition:.3s ease-in-out;transition-delay:.3s;z-index:2}.mobile-navbar #active:after{background-color:var(--background-color);bottom:-10px;content:"";height:2px;left:0;position:absolute;transition:all .3s;width:100%}.mobile-navbar a:visited{color:var(--background-color)}.mobile-navbar a.hidden{transform:translateY(60px)}.mobile-navbar .link-hider{background-color:var(--accent-color);display:block;height:80px;position:relative;z-index:3}.project-section{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-top:50px}.project-card{margin-bottom:var(--space-xl);text-decoration:none}.project-card__container{border-radius:var(--space-md);box-shadow:var(--box-shadow);box-sizing:border-box;display:flex;padding:var(--space-lg);transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}@media(max-width:960px){.project-card__container{flex-direction:column!important}}.project-card__container:hover{box-shadow:0 8px 16px #0003,0 5px 5px #00000026;transform:scale(1.002)}.project-card__image{border-radius:var(--space-md);object-fit:cover;transition:all .3s cubic-bezier(.25,.8,.25,1);width:35%}@media(max-width:960px){.project-card__image{margin:0!important;margin-bottom:var(--space-md)!important;width:100%}}.project-card__header{align-items:center;display:flex;margin-bottom:var(--space-md)}@media(max-width:600px){.project-card__header{margin-bottom:0}}.project-card__logo{margin-right:var(--space-md);max-width:50px;width:35%}@media(max-width:600px){.project-card__tags{display:none}}.project-card__description{margin-bottom:var(--space-lg)}@media(max-width:600px){.project-card__description{display:none}}.project-card__title{font-size:24px}.project-card__subtitle{color:var(--secondary-color);font-weight:500}.project-card__spacer{width:var(--space-md)}.project-card__buttons{display:flex;justify-content:flex-end}@media(max-width:600px){.project-card__buttons{display:none}}.tags-list-flat{align-items:flex-start;display:flex;flex-direction:column}.tags-list-flat h4{margin-bottom:10px}.tags-list-flat ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px}.tags-list-flat ul li{background-color:#212121;border-radius:100px;color:#fff;list-style-type:none;margin:5px 10px 5px 0;padding:7px 12px;white-space:nowrap}.tags-list{align-items:flex-start;display:flex;flex-direction:column}.tags-list h4{margin-bottom:10px}.tags-list ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px}.tags-list ul li{border-radius:10px;box-shadow:0 2px 4px #00000029,0 0 2px #00000014;font-weight:500;list-style-type:none;margin:10px 20px 10px 0;padding:10px;white-space:nowrap}.custom-button{align-items:center;background-color:#0000;border:2px solid var(--main-color);border-radius:10px;color:var(--main-color);cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;outline:0;padding:10px;text-align:start;transition:.15s ease-in-out}.custom-button *{cursor:pointer}.custom-button:hover{background-color:var(--main-color);color:var(--background-color)}.custom-button img{height:25px;margin-right:5px;transition:.15s ease-in-out}.custom-button:hover img{filter:invert(1)}.section-header{font-size:30px;padding-bottom:20px;position:relative;text-align:center}@media only screen and (max-width:500px){.section-header{margin:25px 0}}@media only screen and (min-width:500px)and (max-width:1000px){.section-header{margin:40px 0}}@media only screen and (min-width:1000px){.section-header{margin:50px 0}}#header-container{display:flex;flex-direction:column;height:87vh;justify-content:center;position:relative}.header-animation-container{margin-bottom:80px}.header-animation-container,.header-quote{display:flex;justify-content:center}.header-quote h1{font-size:35px;margin-bottom:15px}.header-quote h2{color:var(--secondary-color);font-size:20px}.header-quote h1{display:inline-block}#header-container .arrow-down-button{align-items:center;animation:float 4s ease-in-out infinite;border-radius:100%;bottom:15px;box-shadow:var(--box-shadow);cursor:pointer;display:flex;height:60px;justify-content:center;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;transform:translatey(0);width:60px}.arrow-down-button:hover{border-radius:100%;box-shadow:var(--box-shadow);transition:.3s ease-in-out}#header-container .arrow-down-button img{height:50px;width:50px}.wave{animation-delay:5s;animation-duration:6s;animation-iteration-count:infinite;animation-name:wave-animation;margin-left:1rem;transform-origin:70% 70%}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes wave-animation{0%{transform:rotate(0deg)}5%{transform:rotate(14deg)}10%{transform:rotate(-8deg)}15%{transform:rotate(14deg)}20%{transform:rotate(-4deg)}25%{transform:rotate(10deg)}30%{transform:rotate(0deg)}50%{transform:rotate(0deg)}}footer{background-color:var(--accent-color);display:flex;flex-direction:column;justify-content:space-between;position:relative}footer,footer a{color:var(--background-color)}footer a:hover{-webkit-text-decoration:var(--background-color);text-decoration:var(--background-color);-webkit-text-decoration-line:underline;text-decoration-line:underline}.contact-section{display:flex;font-style:normal;justify-content:space-between}.contact-section div{margin-right:15px}.social-media-links{display:flex;justify-content:space-between;width:200px}.social-media-links img{fill:currentColor;color:var(--background-color);transition:.2s cubic-bezier(.175,.885,.32,1.275);width:50px}.social-media-links img:hover{transform:scale(1.2)}.scroll-top-button{align-items:center;background-color:var(--background-color);border-radius:100%;box-shadow:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326;cursor:pointer;display:flex;height:60px;justify-content:center;outline:0;position:absolute;right:0;top:-30px;width:60px}.scroll-top-button img{height:30px;width:30px}.copyright-text{font-size:12px;margin-top:100px;text-align:center}@media only screen and (max-width:500px){footer{padding:50px var(--page-margin-mobile) 20px var(--page-margin-mobile)}.scroll-top-button{right:var(--page-margin-mobile)}.contact-section{flex-direction:column}.contact-section div{margin-bottom:20px}.copyright-text{margin-top:60px;text-align:center}}@media only screen and (min-width:500px)and (max-width:1000px){footer{padding:50px var(--page-margin-tablet) 20px var(--page-margin-tablet)}.scroll-top-button{right:var(--page-margin-tablet)}.contact-section{align-items:baseline;flex-direction:column}.contact-section div{margin-bottom:20px}}@media only screen and (min-width:1000px){footer{padding:50px var(--page-margin-desktop) 20px var(--page-margin-desktop)}.scroll-top-button{right:var(--page-margin-desktop)}}.about-section{margin-bottom:40px}.about-section-container{border-radius:15px;display:flex;padding:40px}.about-section-container img{align-self:flex-start;border-radius:15px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:block}.about-section-content h4{font-size:20px}.about-section-content p{margin:20px 0}.about-section-container .download-button-container{display:flex}@media only screen and (max-width:500px){.about-section-container{flex-direction:column;margin-bottom:50px}.about-section-container img{margin:30px auto;width:70%}.about-section-container .download-button-container{justify-content:center}}@media only screen and (min-width:500px)and (max-width:1000px){.about-section-container{flex-direction:column;margin:50px auto}.about-section-container img{margin:0 auto 25px;min-width:200px;width:50%}.about-section-container .download-button-container{justify-content:center}}@media only screen and (min-width:1000px){.about-section-content{padding:0 80px}.about-section-container img{width:30%}.about-section-container .download-button-container{justify-content:flex-start}}.motto-section{margin-bottom:100px}.motto-section-content{align-items:center;display:flex;justify-content:space-between;margin:50px 0}.motto-spacer{flex:.6 1}.motto-connector{flex:.6 1;height:50px}.motto{border-radius:10px;box-shadow:var(--box-shadow);display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:250px;padding:20px}.motto-header{flex-direction:column}.motto-header,.motto-img{align-items:center;display:flex}.motto-img{background-color:#000;border-radius:100%;height:35px;justify-content:center;margin-bottom:15px;padding:15px;width:35px}.motto-img img{filter:invert(100%);height:30px;width:30px}.motto-header h4{text-align:start}.motto-header img{height:40px}.motto-description{margin-top:15px;text-align:center}.divider{flex:.4 1}@media only screen and (max-width:500px){.motto-section-content{flex-direction:column}.motto{margin:20px 0;padding:0 10%}.motto-connector{display:none}}@media only screen and (min-width:500px)and (max-width:1000px){.motto-section-content{flex-direction:column}.motto{margin:25px 0;padding:10% 15%}.motto-connector{display:none}}@media only screen and (min-width:1000px){.motto-section-content{padding:0 40px}.skills-section-content{padding:0 5%}}.fade.enter{opacity:0}.fade.enter.enter-active{opacity:1;transition:opacity .2s ease-in;transition-delay:.2s}.fade.exit{opacity:1}.fade.exit.exit-active{opacity:0;transition:opacity .2s ease-in}.transition-group{position:relative}.fade,.route-section{left:0;position:absolute;top:0;width:100%}.bullet-list{margin-top:20px}.bullet-list h4{margin-bottom:10px}.bullet-list ul{margin-left:40px}.bullet-list li{margin:5px 0}.project-page{display:flex}.project-page-header-image{border-radius:15px}.project-page-skeleton{background-color:var(--secondary-color)}.project-page p{margin-bottom:30px;text-align:start}.project-page-subtitle{font-size:18px;margin-bottom:20px}.project-page-links{display:flex}.project-page-links button{margin-right:20px;margin-top:20px}.project-page-links button:last-child{margin-right:0}.project-page-privacy-policy{margin-top:50px;width:100%}.project-page-privacy-policy p{margin-bottom:15px;text-align:start}@media only screen and (max-width:500px){.project-page{flex-direction:column}.project-page-header-image{margin-bottom:20px;width:100%}.project-page-links{justify-content:center}.project-page-links button{width:115px}}@media only screen and (min-width:500px)and (max-width:1000px){.project-page{flex-direction:column}.project-page-header-image{height:200px;margin-bottom:20px;object-fit:cover;width:100%}.project-page-links{justify-content:center}.project-page-links button{width:150px}}@media only screen and (min-width:1000px){.project-page-links{justify-content:flex-start}.project-page-links button{width:150px}.project-page-header-image{height:50%;margin-right:30px;width:50%}}:root{--main-color:#000;--secondary-color:#888;--background-color:#fff;--accent-color:#101010;--disabled-color:#b7b7b7;--box-shadow:0 2px 4px #00000029,0 0 2px #00000014;--space-unit:1rem;--space-xxs:calc(var(--space-unit)*0.25);--space-xs:calc(var(--space-unit)*0.5);--space-sm:calc(var(--space-unit)*0.75);--space-md:calc(var(--space-unit)*1.25);--space-lg:calc(var(--space-unit)*2);--space-xl:calc(var(--space-unit)*3.25);--space-xxl:calc(var(--space-unit)*5.25);--page-margin-desktop:20%;--page-margin-tablet:15%;--page-margin-mobile:10%}@media(min-width:0px){main{margin:0 10% 100px;margin:0 var(--page-margin-mobile) 100px var(--page-margin-mobile)}}@media(min-width:600px){main{margin:0 15% 100px;margin:0 var(--page-margin-tablet) 100px var(--page-margin-tablet)}}@media(min-width:1280px){main{margin:0 20% 100px;margin:0 var(--page-margin-desktop) 100px var(--page-margin-desktop)}}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;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}p{line-height:25px}ul{margin:0;padding:0}a{color:#000}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{background:none;border:none}button:focus{outline:0}
/*# sourceMappingURL=main.0add68cb.css.map*/