#About h1,#About h2{font-weight:550}#About .banner{justify-content:flex-start;align-items:center;display:flex}#About .description{display:grid}#contactContainer{flex-direction:row}#Values{grid-area:1/1}#Values .right{place-content:center;display:flex}#Contact{grid-area:2/1}#SocialMedia{grid-area:3/1;justify-content:center;align-items:center;display:flex}#LinkedInButton{border:none}#Contact #Email{font-weight:400;text-decoration:none}#Contact #Email:hover{text-decoration:underline}span{background-image:linear-gradient(transparent, transparent), linear-gradient(var(--red), var(--red));background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 5%,0 5%}#About .banner span:first-child{animation:.7s ease-out forwards anim}#About .banner span:nth-child(2),#About .banner span:nth-child(3){animation:.8s ease-out .3s forwards anim}#About .banner span:nth-child(4){animation:.8s ease-out .4s forwards anim}.animatedBlock{animation:.6s ease-out forwards blockAnimation}.fastBlock{opacity:1;transform:translateY(0%)}.noDisplay{opacity:0;transform:translateY(100%)}@keyframes anim{to{background-size:0 5%,100% 5%}}@keyframes blockAnimation{0%{opacity:0;transform:translateY(20%)}50%{opacity:1}to{opacity:1;transform:translateY(0%)}}@media (min-width:800px),(orientation:landscape){#ValuesContainer{flex-direction:row;display:flex}.left{align-content:center;display:flex}.textBlocDescription{flex-direction:column;justify-content:center;display:flex}#Values{grid-area:1/1/auto/5}#Contact{grid-area:2/1/auto/4}#SocialMedia{grid-area:2/4;justify-content:center;align-items:center;display:flex}#road-map{grid-column:1/5}}