#App{.container{margin:auto;max-width:1000px;min-height:100vh;padding:15px 15px 50px;position:relative;z-index:5}}#Footer{bottom:10px;position:absolute;width:97%;.divider{height:3px;margin-bottom:10px;width:100%}.pageTabContainer{padding-left:10px}}#pageTabContainer{cursor:pointer}#Header{font-size:1rem;margin:auto;position:-webkit-sticky;position:sticky;top:0;width:-webkit-max-content;width:max-content;z-index:3;.headerSpace{height:10px}.grouptab{border-radius:30px;padding:5px 10px}}#StickyProfilePicture{height:80px;margin-bottom:10px;padding-top:10px;position:-webkit-sticky;position:sticky;top:-1px;width:-webkit-max-content;width:max-content;.profilePictureContainer.is-pinned{.profilePicture{width:40px}}.profilePicture{border-radius:50%;transition:all .1s;width:80px}}:root{font-family:Open Sans,Arial,sans-serif}#error-page{margin:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100vw;.button-back{margin-top:10px}}#AboutMePage{.article_picture{border-radius:10%;padding:15px;rotate:2Deg;width:100%}.title{font-weight:600}.article{padding-right:50px;white-space:pre-wrap}}#ContactList{.contact_divider_horizontal{height:3px;margin:5px 0}}#HomePage{.article{white-space:pre-wrap}.title{font-weight:600}.article_picture{border-radius:10%;padding:15px;rotate:2Deg;width:100%}.article_container{height:100%;justify-content:space-around}}#ProjectsShowCase{.MiniProjectProps{cursor:pointer;height:270px;max-height:270px;max-width:270px;padding:20px;width:270px}.MiniProjectProps:hover{background-color:hsla(0,0%,83%,.457)}.titleMiniProject{font-size:1.3rem;font-weight:600}.imgIcon{border-radius:50%;width:30px}.linkShowMore{cursor:pointer;text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}.card{opacity:0}.linkShowMore:hover{color:#2ccc00}}@keyframes fade-in{0%{opacity:0;translate:0 100%}to{opacity:1;translate:0 0}}.ProjectShowCaseDetail{background-color:#b4b2b2cc;height:100vh;left:0;position:fixed;top:0;transition:opacity .5s;width:100vw;z-index:10;.card_container{height:600px;left:48%;margin:10px;overflow-y:auto;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:1000px}.leftArrow{left:10px;position:absolute}.rightArrow{position:absolute;right:10px;rotate:180deg}.leftArrow,.rightArrow{opacity:.4}.leftArrow:hover,.rightArrow:hover{opacity:1}.imageContainter{position:relative}.informationImg{cursor:pointer;margin:auto;max-height:570px;max-width:100%}.linkShowMore{cursor:pointer;text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}@media only screen and (max-width:1000px){.card_container{height:600px;width:80vw}}.detailForm{overflow-y:auto}.titleForm{font-size:1.9rem;font-weight:600}}.ProjectShowCaseDetail.open{opacity:1}.ProjectShowCaseDetail.close{opacity:0}#ArrowButton{.icon{color:#000}.iconButton{background-color:gray}}#ExperiencesPage{.article{white-space:pre-wrap}.title{font-weight:600}.article_picture{border-radius:10%;padding:15px;rotate:2Deg;width:100%}.article_container{height:100%;justify-content:space-around}}#InternshipShowCase{.MiniInternshipProps{cursor:pointer;max-width:270px;padding:20px;transition:background-color .5s;width:270px}.MiniInternshipProps:hover{background-color:hsla(0,0%,83%,.457)}.titleMiniInternship{font-size:1.3rem;font-weight:600}.imgIcon{width:30px}.card{opacity:0}.linkShowMore{cursor:pointer;text-decoration:underline;z-index:2}.linkShowMore:hover{color:#2ccc00}}@keyframes fade-in-intern{0%{opacity:0;translate:0 100%}to{opacity:1;translate:0 0}}#ContactPage{.title{font-weight:600}.article{padding-right:50px;white-space:pre-wrap}}#TextBoxMessage{margin:auto;max-width:800px;.infoContact,.inputContact{padding:10px}.textBoxContainer{flex-direction:row}.formTitle{font-size:1.7rem;font-weight:600}.formSupTitle{font-size:1.1rem;font-weight:600}.iconButtonLabel{text-wrap:wrap;margin-left:5px}.inputLabel{font-weight:600}.errorMsg{color:#d40101}.errorMsg,.sucessMsg{font-size:1.1rem;font-weight:400}.sucessMsg{color:green}@media screen and (max-width:910px){max-width:420px;.textBoxContainer{flex-direction:column}}}
/*# sourceMappingURL=main.b947a49b.css.map*/