html,body,#root{height:100%;margin:0;overflow-x:hidden}body{background-color:#001a2c;color:#f1f1e6;font-family:Candara,Calibri,Century Gothic,Segoe,Segoe UI,Optima,Arial,sans-serif}.app{display:flex;align-items:center;flex-direction:column;border:0;font-size:18px;font-weight:lighter;min-height:100%}.header__content{padding:10px}.header__content,.footer__content{width:40%;height:fit-content}.header__content{display:flex;align-items:center;justify-content:space-between;flex-direction:row}.presentation__content{display:flex;justify-content:start;flex-direction:column}.header__profile{display:flex;align-items:center}.header__img{border-radius:9999px;width:80px;height:80px;margin:10px 0}.header__text{padding:0 10px}.header,.footer{width:100%;display:flex;justify-content:center;height:fit-content}.mail{color:#f1f1e6;text-decoration:none;font-weight:bold}.presentation{display:flex;justify-content:start;width:40%;height:fit-content;flex-direction:column}.presentation__description{margin:5px 0;text-align:justify}h2{font-size:22px;margin:18px 0}.contact{display:flex;align-items:center;margin:5px 0;font-weight:bold}.resume{font-weight:bold;text-decoration:none;color:#f1f1e6}a,.opacity-animation{opacity:1;transition:.2s all ease-in-out}a:hover,.opacity-animation:hover{cursor:pointer;opacity:.6}.section__title{display:flex;align-items:center}.section__title::after{content:"";opacity:.5;border-top:1px solid;border-color:#f1f1e6;margin-left:10px;flex:1 0 20px}.project{padding:1.5rem;border:1px solid rgba(241,241,230,.5);border-radius:.75rem;margin-bottom:1rem}.project__info{display:flex;justify-content:space-between;align-items:center}.project__container{display:flex}.project__intro{margin-bottom:18px}.project__link{display:flex;justify-content:flex-start;align-items:center;text-decoration:none;color:#f1f1e6;margin-right:10px;word-break:break-word}.project__link--none{pointer-events:none}.project__img{width:60px;height:60px;border-radius:999px}.stack__container{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;margin-bottom:50px}.stack{border-radius:.5rem;margin:.5rem;padding-left:.75rem;padding-right:.75rem;padding-top:.25rem;padding-bottom:.25rem;border:1px solid rgba(241,241,230,.5)}.contact__container{margin:30px auto;width:fit-content}.footer{bottom:0;background-color:#001a2c;position:absolute !important}.footer__content{display:flex;justify-content:end;align-items:center}.icons{fill:#f1f1e6;margin:0 5px;cursor:pointer}a{outline:none}@media only screen and (max-width: 768px){.header__content,.header__profile{flex-direction:column}.footer__content,.presentation{width:85%}.footer__content>div{padding:10px 20px}.presentation__text{text-align:center}.project__info{flex-direction:column;text-align:center}.project__container{justify-content:center;align-items:left;flex-direction:column}.stack__container{display:flex;justify-content:center}.contact{justify-content:center}}