@font-face{font-family:Gelasio;src:local("Gelasio"),url(/Portfolio2020/static/media/Gelasio-Medium.120d0058.ttf) format("truetype")}@font-face{font-family:Roboto;src:local("Roboto"),url(/Portfolio2020/static/media/Roboto-Regular.11eabca2.ttf) format("truetype")}body{margin:0;font-family:Roboto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:48px}h1,h2{font-family:Roboto;font-weight:100}h2{font-size:32px}h4{font-size:16px;font-family:Roboto;font-weight:100}p{letter-spacing:.3px;line-height:28px}button,p{font-size:14px}button{padding:16px;background-color:#393939;color:#fff;border:none;font-family:Roboto;font-weight:100;margin:16px 0}button:hover{cursor:pointer}a:hover,a:visited{text-decoration:none}a:hover{opacity:.9;cursor:pointer}a:active{text-decoration:none}.startImage{background-image:url(/Portfolio2020/static/media/bron.98ea4655.jpg);height:100vh;background-position:50%;background-repeat:no-repeat;background-size:cover}.startImage .startText{padding-top:45vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.startImage .startText h1,.startImage .startText h4{margin:4px;text-align:center;-webkit-animation:fadein 2s;animation:fadein 2s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}.startImage .downArrow{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:35vh}.startImage .downArrow .arrow{width:20px;height:20px;top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:2px solid #000;border-top:none;border-left:none}.startImage .downArrow .arrow:before{content:"";position:absolute;left:20%;top:20%;width:10px;height:10px;border:1px solid #000;border-top:none;border-left:none;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:arrow;animation-name:arrow}@-webkit-keyframes arrow{0%{opacity:1}to{opacity:0}}@keyframes arrow{0%{opacity:1}to{opacity:0}}.projects{margin-top:40px}.projects,.projects .projectMain{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects .parallaxContainer{height:55vh;width:100vw}.projects .parallaxContainer .react-parallax,.projects .parallaxContainer .react-parallax .react-parallax-content{height:100%}.projects .about{-webkit-transform:rotate(-90deg) translateX(-50%);transform:rotate(-90deg) translateX(-50%);top:50%;left:16px}.projects .about,.projects .lineContainer{position:fixed;z-index:1000;text-align:left}.projects .lineContainer{top:30%;right:16px;-webkit-transition:opacity .35s ease;transition:opacity .35s ease}.projects .lineContainer.show{opacity:1}.projects .lineContainer.hide{opacity:0}.projects .lineContainer p{margin:0;-webkit-transform:matrix(1,0,0,1,0,-38);transform:matrix(1,0,0,1,0,-38)}.projects .lineContainer .timeline{width:1px;background-color:#000;height:50vh;margin-left:auto;margin-right:auto}.projects .pictureContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.projects .pictureContainer .projectPicture{width:80%}.projects .projectContainer{z-index:100;display:flex;flex-direction:column;max-width:60%;background-color:#fff;padding:64px;box-shadow:0 10px 35px rgba(0,0,0,.13);align-items:flex-start;justify-content:center;margin:-40px 16px 160px}.projects .projectContainer h2{margin:4px auto;text-align:center}.projects .projectContainer h6{margin-top:4px;opacity:.8;font-weight:400;text-align:center}.projects .projectContainer .projectDescription{height:100%}.projects .projectContainer .projectDescription p{text-align:justify}.projects .projectContainer .projectTechniquesContainer{display:flex;width:100%;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}.projects .projectContainer .projectTechniques{display:flex;flex-direction:row;align-items:center}.projects .projectContainer .projectTechniques svg{margin-right:8px;margin-left:16px}.footer{display:flex;width:100%;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;margin-bottom:80px}.footer a,.footer a:visited{color:#000}.footer a:hover{opacity:.8}@media screen and (max-width:320px){.startImage .downArrow{margin-top:15vh}}@media screen and (max-width:700px){.projects .projectContainer{padding:40px;max-width:80%}}
/*# sourceMappingURL=main.92ef7cbd.chunk.css.map */