section.services .description-enter-from,section.services .description-leave-to{opacity:0;transform:translateY(50px)}section.services .description-enter-active,section.services .description-leave-active{transition:all 1s ease .2s}section.services .projects__link-enter-from,section.services .projects__link-leave-to{opacity:0;transform:translate(150px)}section.services .projects__link-enter-active,section.services .projects__link-leave-active{transition:all 1s ease .4s}div.content{height:0}div.content .content__icon-container{animation:container .5s ease .8s forwards;transform:scale(0)}div.content img{animation:icon .5s ease 1.1s forwards;left:50%;transform:translate(100%)}@keyframes container{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes icon{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(-50%)}}div.content.active{height:auto}@media (min-width:768px){div.content.active{height:14rem}}.service{animation:service-card .9s linear var(--service-card-animation-delay) forwards;border-radius:14px;overflow:hidden;transition:all .5s ease;width:0}.service.active{border-radius:15px/50px}.service:first-of-type{margin-left:auto;margin-right:auto}.service:nth-child(2){animation-delay:calc(var(--service-card-animation-delay) + .2s)}.service:nth-child(2)>button h2.service__name{animation-delay:calc(var(--service_card_name_animation_delay) + .2s)}.service:nth-child(2)>button .open__icon{animation-delay:calc(var(--service_card_open_icon_animation_delay) + .2s)}.service:nth-child(3){animation-delay:calc(var(--service-card-animation-delay) + .3s)}.service:nth-child(3)>button h2.service__name{animation-delay:calc(var(--service_card_name_animation_delay) + .3s)}.service:nth-child(3)>button .open__icon{animation-delay:calc(var(--service_card_open_icon_animation_delay) + .3s)}.service:nth-child(4){animation-delay:calc(var(--service-card-animation-delay) + .4s)}.service:nth-child(4)>button h2.service__name{animation-delay:calc(var(--service_card_name_animation_delay) + .4s)}.service:nth-child(4)>button .open__icon{animation-delay:calc(var(--service_card_open_icon_animation_delay) + .4s)}.service:nth-child(5){animation-delay:calc(var(--service-card-animation-delay) + .5s)}.service:nth-child(5)>button h2.service__name{animation-delay:calc(var(--service_card_name_animation_delay) + .5s)}.service:nth-child(5)>button .open__icon{animation-delay:calc(var(--service_card_open_icon_animation_delay) + .5s)}.service:nth-child(6){animation-delay:calc(var(--service-card-animation-delay) + .6s)}.service:nth-child(6)>button h2.service__name{animation-delay:calc(var(--service_card_name_animation_delay) + .6s)}.service:nth-child(6)>button .open__icon{animation-delay:calc(var(--service_card_open_icon_animation_delay) + .6s)}.service>button h2.service__name{animation:service-name .3s linear var(--service_card_name_animation_delay) forwards;opacity:0;text-wrap:nowrap;transform:translate(100px)}.service>button .open__icon{animation:open-icon .3s linear var(--service_card_open_icon_animation_delay) forwards;opacity:0;transform:translate(-100px)}@keyframes service-card{0%{width:0}to{width:100%}}@keyframes service-name{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes open-icon{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.v-leave-active{transition:transform 1s ease;transition-delay:.5s}.v-enter-active{transition:transform 1.5s ease}.v-enter-from,.v-leave-to{transform:translate(-500px)}.main-content{transition:all 2.5s ease-out}.main-content.leave{opacity:0;transform:translateY(100vh)}