@import url(https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);.app{overflow:hidden}.app,.app a{color:#ecefe4}.app a{outline:0;text-decoration:none}.app .page-container{min-height:100vh;overflow:hidden;position:relative}.app .page .layer{background:#ecefe4;height:100vh;left:0;opacity:0;top:-100vh;z-index:2}.app .page .layer,.app .page-appear{position:absolute;width:100vw}.app .page-appear .layer{opacity:1;top:-100vh;-webkit-transform:translateY(100vh);transform:translateY(100vh)}.app .page-appear .page-container{opacity:0}.app .page-appear-active .layer{opacity:1;-webkit-transform:translateY(200vh);transform:translateY(200vh);transition:all .6s cubic-bezier(.6,.05,.4,1)}.app .page-appear-active .page-container{opacity:1;transition:all .3s ease-in .3s}.app .page-appear-done{position:relative}.app .page-appear-done .layer{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.app .page-enter{opacity:0;position:absolute;top:0;width:100vw}.app .page-enter-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all .6s}.app .page-enter-done{position:relative}.app .page-exit{opacity:0;-webkit-transform:scale(1);transform:scale(1)}.app .page-exit-active{display:none;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:all .3s}.home{background-color:#121415;box-sizing:border-box;height:100vh;justify-content:space-between;padding:3rem 2rem}.home,.home .profile{align-items:center;display:flex;flex-direction:column}.home .profile{justify-content:center;margin-top:10%}.home .profile .container{align-items:center;display:flex;justify-content:center}.home .profile .container .profile-picture{border-radius:50%;height:auto;padding:1rem;width:80%}.home .profile p{margin:8px 0;text-align:center}@media screen and (min-width:550px){.home .profile{margin-top:6rem}.home .profile p{font-size:15pt;margin:1.2rem 0}}.navbar{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.navbar a{cursor:pointer;font-size:15pt;transition:.5s}.navbar a:hover{-webkit-animation:upDown 1.4s ease-in-out infinite;animation:upDown 1.4s ease-in-out infinite;box-shadow:0 3px 0 #ecefe4}@media screen and (min-width:550px){.navbar{flex-direction:row;gap:30px}.navbar a{font-size:20pt}}@-webkit-keyframes upDown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes upDown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}.project h2{font-size:15pt}.project h3{font-size:12pt}.project .image-container{position:relative}.project .image-container,.project .image-container .overlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.project .image-container .overlay{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:.3s}.project .image-container .overlay p{color:#121415;font-size:20pt}.project .image-container .overlay .logo-container{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center}.project .image-container .overlay .logo-container img{height:auto;width:60px}.project .image-container img{border-radius:1px;-webkit-filter:blur(0);filter:blur(0);height:auto;max-height:500px;max-width:calc(100vw - 2rem);object-fit:contain;transition:.3s}.project .description{font-size:11pt;text-align:justify}.project .image-container:hover .overlay{opacity:1}.project .image-container:hover .overlay .logo-container img{border-radius:0;-webkit-filter:blur(0);filter:blur(0)}.project .image-container:hover img{border-radius:24px;-webkit-filter:blur(2px);filter:blur(2px)}.project p{font-family:Open Sans}@media screen and (min-width:630px){.project h2{font-size:18pt}.project h3{font-size:13pt}.project .image-container img{width:550px}.project .description{font-size:12pt;width:550px}}@media screen and (min-width:830px){.project h2{font-size:20pt}.project h3{font-size:16pt}.project .image-container img{width:700px}.project .description{font-size:14pt;width:700px}}.projects{background-color:#121415;box-sizing:border-box;padding:3rem 1rem}.projects,.projects .projects-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.projects .projects-container{gap:4rem;margin-top:2rem}.projects .projects-container .attributions{font-family:Open Sans;font-size:12pt}.social-button a{align-items:center;background-color:#ecefe4;border:2px solid #121415;border-radius:16px;display:flex;justify-content:center;padding:12px;transition:.5s ease-out;width:26px}.social-button a img{height:auto;width:26px}.social-button a:hover{background-color:#121415;border:2px solid #ecefe4}.social-button a:hover img{-webkit-filter:invert(1);filter:invert(1)}@media screen and (min-width:550px){.social-button a{width:36px}.social-button a img{height:auto;width:36px}}.about{background-color:#121415;box-sizing:border-box;height:100vh;justify-content:space-between;padding:3rem 2rem}.about,.about .content{align-items:center;display:flex;flex-direction:column}.about .content{margin-top:10%}.about .content h1{margin:0 auto 0 0}.about .content .about-text{display:flex;justify-content:center}.about .content .about-text p{font-family:Open Sans;font-size:12pt;max-width:470px}.about .content .about-text p b{font-weight:600}.about .content .about-text a{text-decoration:underline}.about .content .social{gap:12px}.about .content .resume,.about .content .social{display:flex;flex-direction:row;justify-content:center;margin-top:2rem}.about .content .resume{align-items:center;font-family:Open Sans;font-size:16pt;gap:8px}@media screen and (min-width:550px){.about .content{margin-top:6rem}.about .content h1{margin:0 auto}.about .content .about-text p{font-size:16pt;max-width:670px}.about .content .social{gap:24px;margin-top:4rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Julius Sans One,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}