body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;margin:0;overflow-x:hidden;position:relative}footer{background-color:#001d3d;color:#fff;font-size:14px;margin-top:0;padding:10px 0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.montserrat{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.londrina{font-family:Londrina Sketch,cursive;font-optical-sizing:auto;font-style:normal;font-weight:400}.section-hero{align-items:flex-start;background-color:#001d3d;display:flex;flex-direction:column;height:70vh;margin-top:0;padding-left:10vw;padding-top:20vh;width:100vw}.section-hero h1{animation:typing 2s steps(20),blink .5s step-end infinite alternate;border-right:4px solid;color:#fff;font-weight:700;max-width:90vw;overflow:hidden;position:relative;text-align:left;white-space:nowrap;width:100%;z-index:1}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:#0000}}.section-hero .divider{background-color:#fff;height:2px;margin-bottom:2vh;margin-top:5vh;width:86%}.section-hero .content{display:flex;position:relative;width:100%;z-index:1}.section-hero p{color:#fff;font-size:15px;font-weight:200;margin-top:2vh;text-align:justify;width:60%}.section-hero .btn-container{align-items:center;display:flex;justify-content:center;margin-top:2vh;width:40%}.section{background-color:#f0f0f0;display:flex;height:50vh;margin-top:0;width:100vw}.section .left,.section .right{align-items:flex-start;color:#f0f0f0;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding-left:3vw;padding-right:3vw;padding-top:12vh;text-align:left;transition:background-color .3s ease}.section .left:hover,.section .right:hover{cursor:pointer;filter:brightness(120%)}.project-title{font-size:1.5rem;font-weight:700;margin:0}.divider,.project-title{position:relative;z-index:1}.divider{background-color:#fff;height:2px;margin:.5rem 0 1rem;width:100%}.project-subtitle{font-size:1rem;margin-bottom:.5rem;position:relative;z-index:1}.project-tech{font-size:.9rem;opacity:.9;position:relative;z-index:1}.section-1 .left{background-color:#cca31b;width:40%}.section-1 .right{background-color:#003566;width:60%}.section-2 .left{background-color:#005f73;width:60%}.section-2 .right{background-color:#ee9b00;width:40%}.section-3 .left{background-color:#e85d04;width:40%}.section-3 .right{background-color:#0077b6;width:60%}.background-line{stroke-dasharray:400;stroke-dashoffset:800;stroke-linejoin:round;stroke-linecap:round;animation:draw 5s linear infinite forwards;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.sectionLink{padding-Left:10vw;padding-Top:2vh;padding-Right:5vw;text-align:left}@keyframes draw{to{stroke-dashoffset:5}}.dividerFor{background-color:#fff;height:2px;margin-bottom:2vh;margin-top:5vh;width:100%}.preview{margin-Top:2vh;margin-Bottom:2vh;border-Radius:8px;width:50%}@media (max-width:768px){.background-line{display:none}.section-hero{height:auto;padding-left:5vw;padding-top:10vh}.section-hero .content{align-items:flex-start;flex-direction:column}.section-hero h1{font-size:5vw;width:100%}.section-hero p{font-size:14px;width:90%}.section-hero .btn-container{justify-content:flex-start;margin-bottom:3vh;margin-top:3vh;width:100%}.section{flex-direction:column;height:auto}.section .left,.section .right{align-items:flex-start;display:flex;flex-direction:column;height:40vh;justify-content:flex-start;padding-left:5vw;padding-right:5vw;padding-top:8vh;width:100%}.project-title{font-size:1.5rem;font-weight:700;margin:0;position:relative;z-index:1}.divider,.divider:before{background-color:#fff;content:"";display:block;height:2px;width:80%}.project-subtitle{font-size:1rem;margin-bottom:.5rem;position:relative;z-index:1}.project-tech{font-size:.9rem;opacity:.9;position:relative;z-index:1}.sectionLink{padding-left:5vw;padding-right:2vw}.sectionLink p{font-size:100%;width:100%}.dividerFor{background-color:#fff;content:"";display:block;height:2px;width:100%}.preview{width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a34ababb.css.map*/