@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@400;700&display=swap);@import url(https://use.typekit.net/gqq2xdp.css);.education{gap:20px}@media only screen and (max-width:720px){.education li{margin-left:-10px}}.content{box-sizing:border-box;height:400%;padding:0 30px;width:80%}@media only screen and (max-width:720px){.content{padding:0 10px}}.content .section{box-sizing:border-box;display:flex;flex-direction:column;height:25%;justify-content:center;padding:20px}.content .section h2{font-size:2.5rem;margin:initial}.spacer{height:100%;width:15%}.progress{align-items:center;background-color:#000;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:2px 2px 10px gray;color:#fff;display:flex;font-size:2rem;justify-content:flex-end;position:-webkit-sticky;position:sticky;transition:.1s;width:5%;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}@media only screen and (max-width:720px){.progress{transition:30ms}}.progress span{display:flex;line-height:2rem;margin-bottom:50px;rotate:-180deg}@media only screen and (max-width:720px){.progress span{font-size:1.4rem}}.progress span i{font-size:.9rem;margin-left:-6px;margin-top:10px}@media only screen and (max-width:720px){.progress span i{font-size:.7rem;margin-left:-3px}}.intro p{width:70%}@media only screen and (max-width:720px){.intro p{width:100%}}.intro p:first-of-type{margin-bottom:0}.intro .iconsBox{display:flex;gap:20px;margin-left:-2px}.section.projects{align-items:center;box-sizing:border-box;flex-direction:row;margin-left:-30px;padding-left:0;padding-right:0;-webkit-user-select:none;user-select:none;width:100vw}@media only screen and (max-width:720px){.section.projects{margin-left:-10px}}.section.projects>svg{cursor:pointer;flex:1 1;opacity:.5}.section.projects>svg:hover{opacity:1}.section.projects #slider{align-items:center;display:flex;flex:15 1;gap:20px;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}.section.projects #slider .project{align-items:center;background-color:#efefef;border-radius:5px;box-sizing:border-box;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:80%;padding:20px;scroll-snap-align:start}@media only screen and (max-width:720px){.section.projects #slider .project{flex-direction:column;gap:10px}}.section.projects #slider .project.dummy{background-color:initial;min-width:calc(20% - 20px)}.section.projects #slider .project .decription{flex:4 1}.section.projects #slider .project .visual{display:flex;flex:5 1;justify-content:center}.section.projects #slider .project .visual img{height:50vh;object-fit:cover}@media only screen and (max-width:720px){.section.projects #slider .project .visual img{height:27vh;max-width:65vw}}.section.projects #slider .project .links{align-items:center;display:flex;gap:20px}.section.projects #slider #histogram{display:none;flex-direction:column}.section.projects #slider #histogram .chartTitle{font-family:Poppins,sans-serif;font-size:1rem}.section.projects #slider #histogram .axisLabel{fill:#000}.section.contact{box-sizing:border-box;height:25%;justify-content:space-between;padding:20px}.section.contact div,.section.contact footer,.section.contact h2,.section.contact p{width:100%}.section.contact p{width:70%}@media only screen and (max-width:720px){.section.contact p{width:100%}}.section.contact .iconsBox{display:flex;gap:20px;margin-left:-2px}.section.contact footer p{align-items:center;display:flex;font-size:.9rem}.section.contact footer p:last-of-type{font-size:.6rem;margin:initial}@media only screen and (max-width:720px){.section.contact footer p:last-of-type{white-space:nowrap}}.section.contact footer svg{font-size:1.2rem!important;margin:0 5px}body{background-color:#fff;font-family:Poppins,sans-serif;margin:initial;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,cursive}#root{display:flex;height:100vh;justify-content:flex-end;position:relative;width:100vw}#root a{color:#000}#root a:visited{color:#4b2088}#root a:hover{color:#0600e9}#root svg{font-size:2.2rem}
/*# sourceMappingURL=main.661859b1.css.map*/