@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";body{font-family:Raleway}h4{color:#686464}.element{border:1px solid #686464;border-radius:12px}.elementBlack{background-color:#252525}.element .divider{width:80%;height:1px;background-color:#686464;margin-bottom:1.2rem}.element:hover{border-color:#007bff}.element:hover .img-container{width:100px;height:100px}.element:hover .divider{animation:expandWidth .3s ease-in-out forwards}.elementResponsive .dividerResponsive{width:1px;height:80%;background-color:#686464;margin-left:1.2rem}.elementResponsive{border:1px solid #686464;border-radius:12px}@keyframes expandWidth{0%{width:0%}to{width:100%}}.linkElement{background-color:#686464}.bg-linkElement{background:#252525;border:1px solid #686464;transition:border .3s ease}.bg-linkElement:hover{border:1px solid #007BFF}.flip-card{background-color:transparent;perspective:1000px;width:100%;height:16rem;display:flex}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s .3s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateX(180deg)}.flip-card-front,.flip-card-back{box-shadow:0 4px 5px #0003;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1rem}.flip-card-back{transform:rotateX(180deg)}