body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Montserrat;src:local("Montserrat"),url(/personal-website/static/media/Montserrat-VariableFont_wght.3faa3eef13649db02044.ttf) format("truetype")}.aboutme-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:space-evenly;padding-bottom:50px;padding-top:50px}.aboutme-container .fa-3x,.aboutme-container p{color:#000}.aboutme-container .image{border-radius:15px;height:600px;margin-top:3em;width:450px}.aboutme-container .aboutme-info-container{display:flex;flex-direction:column}.aboutme-container .title{font-size:40px}.aboutme-container .paragraph{font-size:20px;text-align:justify;width:700px}.aboutme-container .aboutme-point{align-items:center;display:flex;flex-direction:row}.aboutme-container .aboutme-point p{font-size:24px;margin-left:20px}.aboutme-container .fade-in-section{opacity:0;-webkit-transform:translateY(10vh);transform:translateY(10vh);transition:opacity .2s ease-out,-webkit-transform .6s ease-out;transition:opacity .2s ease-out,transform .6s ease-out;transition:opacity .2s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out;visibility:hidden;will-change:opacity,visibility}.aboutme-container .fade-in-section.is-visible{display:flex;opacity:1;-webkit-transform:none;transform:none;visibility:visible}@media screen and (max-width:1200px){.aboutme-container .aboutme-info-container{margin-left:50px}.aboutme-container .paragraph{width:90%}.aboutme-container .point-container{display:flex;flex-direction:column;justify-content:center;width:90%}.aboutme-container{flex-direction:column}}.skills-section{background-color:#f5f5f5;display:flex;flex-direction:column;padding-bottom:50px;padding-top:50px}.skills-section .title{color:#000;font-size:40px;margin-left:4vw}.skills-section .skills-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.skills-section .skill-element{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;height:14rem;justify-content:center;margin-bottom:20px;width:20rem}.skills-section .skill-element img{height:10rem;width:10rem}.skills-section .fade-in-section{opacity:0;-webkit-transform:translateY(10vh);transform:translateY(10vh);transition:opacity .2s ease-out,-webkit-transform .6s ease-out;transition:opacity .2s ease-out,transform .6s ease-out;transition:opacity .2s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out;visibility:hidden;will-change:opacity,visibility}.skills-section .fade-in-section.is-visible{display:flex;flex-direction:column;opacity:1;-webkit-transform:none;transform:none;visibility:visible}.work-section{background-color:#2f333b;display:flex;flex-direction:column;padding-bottom:50px;padding-top:50px}.work-section p{color:#fff}.work-section .title{font-size:40px;margin-left:1em}.work-section .projects-header,.work-section .row{display:flex;flex-direction:row}.work-section .projects-header{gap:2em}.work-section .projects-header-button{align-items:center;align-self:center;background-color:#2f333b;border:3px solid #fff;border-radius:20px;display:flex;height:8vh;justify-content:center;padding:0 2em;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.work-section .projects-header-button p{color:#fff;font-size:16px}.work-section .projects-header-button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.work-section .button-active{background-color:#369ffc;border:none}.work-section .projects-container{display:flex;flex-direction:row;margin:0 2em;overflow-x:scroll}.work-section .projects-container::-webkit-scrollbar{height:1.5vh;width:10vw}.work-section .projects-container::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.work-section .projects-container::-webkit-scrollbar-thumb{background-color:#369ffc;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.work-section .project-element{display:flex;flex-direction:column;width:25vw}.work-section .project-top-container{display:flex;flex-direction:row;height:20vh;justify-content:space-between;margin-top:1.5em}.work-section .project-info-container{display:flex;flex-direction:column}.work-section .project-info-container p{margin:.5em 0}.work-section .project-info-title{font-size:24px}.work-section .project-info-type{font-size:20px}.work-section .project-info-role{font-size:16px;font-style:italic}.work-section .stack-text{font-size:20px;height:15vh;margin:2em 1em;text-align:justify}.work-section .stack-text span{color:#369ffc}.work-section .read-more-button{align-self:center;background-color:#2f333b;border:3px solid #369ffc;border-radius:20px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:20vw}.work-section .read-more-button p{color:#369ffc;font-size:20px}.work-section .read-more-button:hover{background-color:#369ffc;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.work-section .read-more-button:hover p{color:#fff}.work-section .separation-line{background-color:#fff;border-radius:50px;height:65vh;margin:1em 2.5em;width:.3vw}.work-section .prj-back-button{background:none;border:none;height:10vh;margin-left:5em;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.work-section .prj-back-button p{font-size:40px}.work-section .prj-back-button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.work-section .prj-content-container{display:flex;flex-direction:row;margin:0 2em}.work-section .prj-description-container{height:70vh;margin-left:2em;width:70vw}.work-section .prj-subtitle{font-size:28px;font-weight:600}.work-section .prj-description{height:60vh;text-overflow:ellipsis;width:40vw}.work-section .prj-paragraph{margin-bottom:2em;text-align:justify}.work-section .prj-side-container{width:40vw}.work-section .prj-text{font-size:20px;margin-bottom:2.5em}.work-section .fade-in-section{opacity:0;-webkit-transform:translateY(10vh);transform:translateY(10vh);transition:opacity .2s ease-out,-webkit-transform .6s ease-out;transition:opacity .2s ease-out,transform .6s ease-out;transition:opacity .2s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out;visibility:hidden;will-change:opacity,visibility}.work-section .fade-in-section.is-visible{display:flex;flex-direction:column;opacity:1;-webkit-transform:none;transform:none;visibility:visible}.work-section .personal-projects-container{display:flex;flex-direction:column}.work-section .projects-selector-container{align-items:center;align-self:center;display:flex;flex-direction:row;height:5vh;margin-bottom:1em}.work-section .project-selector{background-color:#fff;border:none;border-radius:20px;height:1rem;margin:0 2em;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:5rem}.work-section .project-selector:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.work-section .selector-active{background-color:#369ffc}.work-section .personal-project-container{display:flex;flex-direction:row;margin-bottom:2em;width:95vw}.work-section .personal-project-header{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.work-section .personal-project-text-container{display:flex;flex-direction:column;margin:0 2em;width:40vw}.work-section .personal-project-title{font-size:28px;margin-bottom:.2em}.work-section .personal-project-name{font-size:18px;margin-top:0}.work-section .personal-project-description{font-size:20px;margin-bottom:3em;margin-top:1.5em}.work-section .personal-project-tools{font-size:18px}.work-section .tools-span{color:#369ffc}.work-section .personal-project-image{width:60rem}.contact-container{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;padding-bottom:150px;padding-top:50px}.contact-container .title{font-size:48px}.contact-container .info-container{align-items:center;display:flex;flex-direction:row}.contact-container .info-container p{font-size:24px;margin-left:20px}.contact-container .buttons-container{display:flex;flex-direction:row;justify-content:space-around;margin-top:5vh}.contact-container .button{color:#fff;margin-left:7.5vw;margin-right:7.5vw;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.contact-container .button:hover{cursor:pointer;-webkit-transform:scale(1.3);transform:scale(1.3)}.contact-container .fade-in-section{opacity:0;-webkit-transform:translateY(10vh);transform:translateY(10vh);transition:opacity .2s ease-out,-webkit-transform .6s ease-out;transition:opacity .2s ease-out,transform .6s ease-out;transition:opacity .2s ease-out,transform .6s ease-out,-webkit-transform .6s ease-out;visibility:hidden;will-change:opacity,visibility}.contact-container .fade-in-section.is-visible{display:flex;opacity:1;-webkit-transform:none;transform:none;visibility:visible}@media screen and (max-width:625px){.contact-container .mail-container{align-items:center;flex-direction:column}.contact-container .mail-container p{font-size:18px}}.landingPage-container{color:#fff;display:flex;flex-direction:column;margin:0 auto}.landingPage-container .header-container{align-items:center;background-color:#000;display:flex;flex-direction:row;font-size:20px;height:70px;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:2}.landingPage-container .header-name{font-size:24px;margin:20px}.landingPage-container .header-navigation{display:flex;justify-content:space-around;margin:30px}.landingPage-container .header-navigation div{cursor:pointer;margin:25px}.landingPage-container .header-navigation div p{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.landingPage-container .header-navigation div:hover p{-webkit-transform:scale(1.2);transform:scale(1.2)}.landingPage-container .header-navigation #contact-button{align-items:center;background-color:#226ad0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:0;border-top-right-radius:0;display:flex;justify-content:center;margin-bottom:10px;margin-top:10px;width:140px}.landingPage-container .header-dropdown-container{display:none;height:100px;width:100px}.landingPage-container .dropdown-line{background-color:#fff;border-radius:20px;height:5px;margin-top:10px;width:50px}.landingPage-container .homepage{align-items:center;display:flex;flex-direction:row;height:700px;justify-content:space-evenly}.landingPage-container .intro-container{width:60%}.landingPage-container .intro-container .intro{font-size:48px}.landingPage-container .intro-container span{color:#226ad0}.landingPage-container .intro-buttons-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.landingPage-container .intro-button{align-items:center;background-color:transparent;border:2px solid #fff;border-radius:10px;display:flex;font-size:18px;height:50px;justify-content:center;margin-left:2vw;margin-right:2vw;margin-top:2vh;text-decoration:none;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:150px}.landingPage-container .intro-button p{color:#fff}.landingPage-container .intro-button:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.landingPage-container .hyperlink{text-decoration:none}@media screen and (max-width:1100px){.landingPage-container .header-navigation{display:none}.landingPage-container .header-dropdown-container{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media screen and (max-width:800px){.landingPage-container .intro-container{width:80%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.b6d7d003.css.map*/