.flip-box{border:2px dashed rgb(var(--color-main));border-radius:100%;height:100px;margin:0 auto;padding:5px;perspective:1000px;width:100px}.flip-box-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.flip-box:hover .flip-box-inner{transform:rotateY(180deg)}.flip-box-back,.flip-box-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.flip-box-front img{border-radius:100%}.flip-box-back{transform:rotateY(180deg)}.profile-picture{display:flex;flex-direction:column;gap:.5rem;margin:0 auto}.profile-picture figcaption{color:rgb(var(--color-text-logo));font-family:Inter,Verdana,sans-serif;font-size:2rem;font-weight:700;left:50%;position:absolute;top:60%;transform:translate(-50%,-50%);white-space:nowrap}.profile-picture__title{color:rgb(var(--color-neutral-lighter));display:block;font-family:Kristi,cursive;font-size:6rem;line-height:.8;margin:0 auto;position:relative;text-align:center}.profile-picture__title span{transition:all .8s ease-in-out}.profile-picture__title figcaption{transition:all .4s ease-in-out}.profile-picture__title--highlighted span{color:rgb(var(--color-main))}.profile-picture__title--highlighted figcaption{color:rgb(var(--color-background));opacity:0}