@property --bgAngle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.scene[data-astro-cid-mjryie5a]{--bgClr: rgb(51, 24, 79);perspective:600px;width:280px;height:280px;border-radius:50%;border:5px solid transparent;background-image:radial-gradient(oklch(from var(--bgClr) l c h) 35%,oklch(from rebeccapurple calc(l + .1) c h / .5),transparent),conic-gradient(from var(--bgAngle),var(--blue-100),var(--blue-300),var(--blue-600),var(--blue-300),var(--blue-100));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 15px 1px var(--blue-200),inset 0 0 25px 1px var(--blue-300);&:has(.is-flipped){background-image:radial-gradient(oklch(from var(--bgClr) l c h) 25%,oklch(from rebeccapurple calc(l + .1) c h / .5),transparent),conic-gradient(from var(--bgAngle),var(--pink-50),var(--pink-400),var(--pink-600),var(--pink-400),var(--pink-50));box-shadow:0 0 15px 1px var(--pink-400),inset 0 0 25px 1px var(--pink-500)}}@media (prefers-reduced-motion: no-preference){.scene[data-astro-cid-mjryie5a]{animation:bgturn 5s cubic-bezier(.47,0,.745,.715) infinite alternate}@keyframes bgturn{to{--bgAngle: 1turn}}}.flipImg__wrapper[data-astro-cid-mjryie5a]{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;transform-origin:center left;border-radius:50%;&:hover{cursor:pointer}}.flipImg__wrapper[data-astro-cid-mjryie5a].is-flipped{transform:translate(100%) rotateY(180deg)}.face[data-astro-cid-mjryie5a]{position:absolute;backface-visibility:hidden;display:grid;place-items:center;width:100%;height:100%;transition:scale .2s ease-in-out;&:hover{scale:1.1}}.face--front[data-astro-cid-mjryie5a]{background-color:transparent}.face--back[data-astro-cid-mjryie5a]{background-color:transparent;transform:rotateY(180deg)}.main-container[data-astro-cid-55xcgkkc]{--bg-color: oklch(.3 .07 300 / 50%);--line-color: var(--blue-200);display:grid;place-items:center;gap:clamp(20px,2.5vw,50px);margin-block:20px}.scene[data-astro-cid-55xcgkkc]{perspective:600px}.flip-wrapper[data-astro-cid-55xcgkkc]{--moveZ: 0;--rotate: -90deg;--rotateY: 0deg;--transition-duration: 1s;transition:transform var(--transition-duration);position:relative;transform-style:preserve-3d;width:100%;height:100%;.face{position:absolute;transition:opacity .5s}.front__face{opacity:1}.back__face{opacity:0}}.social-wrapper[data-astro-cid-55xcgkkc]{display:grid;place-items:center;width:fit-content}h3[data-astro-cid-55xcgkkc]{display:flex;border-bottom:2px solid var(--line-color);padding-inline:20px;padding-top:12px;padding-bottom:6px;border-radius:50px;font-size:var(--fs-l);.scene{width:4.2ch;height:1lh;mix-blend-mode:hard-light}.flip-wrapper{--transition-duration: .8s;transform:translateZ(-.5lh)}.front__face{color:var(--blue-400);transform:translateZ(.5lh)}.back__face{color:var(--pink-400);transform:rotateX(90deg) translateZ(.5lh)}}.social-links[data-astro-cid-55xcgkkc]{border:2px solid var(--line-color);border-top:none;background-color:var(--bg-color);width:80%;display:grid;place-items:center;overflow:hidden;border-bottom-left-radius:40px 100%;border-bottom-right-radius:40px 100%;padding-block:5px;.flip-wrapper{--transition-duration: .7s;width:90%;height:45px}.front__face{transform:translate3d(0,-2px,10px)}.back__face{transform:rotateX(90deg) translateZ(22.5px)}ul{display:flex;justify-content:space-evenly;width:100%;list-style:none}a{--clr: var(--pink-100);--bg-clr: var(--blue-600)}ul:nth-child(2){a{--clr: var(--blue-100);--bg-clr: var(--pink-600)}}}header[data-astro-cid-55xcgkkc]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,3vw,60px)}.bio[data-astro-cid-55xcgkkc]{display:flex;flex-direction:column;align-items:start;gap:var(--fs-m);p{font-size:calc(var(--fs-m) - 1px);display:inline}div{display:flex;align-items:center}div:hover .element-reference{opacity:1}div:last-of-type p{text-decoration:line-through}}.element-reference[data-astro-cid-55xcgkkc]{height:var(--fs-m);position:relative;display:inline-block;transition:opacity .5s cubic-bezier(.165,.84,.44,1);opacity:0;&:before{position:absolute;content:attr(data-before);font-size:var(--fs-s);font-family:Comfortaa Variable}&:after{position:absolute;content:attr(data-after);color:var(--blue-200);font-size:var(--fs-s);translate:3.5ch}}.element-reference[data-astro-cid-55xcgkkc].before{&:before,&:after{top:var(--fs-m);left:4ch}}.bio[data-astro-cid-55xcgkkc]:lang(en) .element-reference[data-astro-cid-55xcgkkc]:after{translate:2.5ch}.element-reference[data-astro-cid-55xcgkkc].after{display:none}.about-me__text[data-astro-cid-55xcgkkc]{display:grid;gap:20px}.biography[data-astro-cid-55xcgkkc]{--height: calc(640px - 10vw) ;width:100%;height:var(--height);.flip-wrapper{--moveZ: calc((var(--height) / 2) * -1);--rotate: 0deg;--rotateY: -90deg;--transition-duration: .6s;transform-origin:center;transform:translateZ(calc((var(--height) / 2) * -1))}.face{display:flex;flex-direction:column;height:100%}.front__face{transform:translateZ(calc(var(--height) / 2))}.back__face{transform:rotateX(calc(var(--rotate) * -1)) rotateY(calc(var(--rotateY) * -1)) translateZ(calc(var(--height) / 2))}}.flip-wrapper[data-astro-cid-55xcgkkc].is-flipped{transform:translateZ(var(--moveZ)) rotateX(var(--rotate)) rotateY(var(--rotateY));.front__face{opacity:0}.back__face{opacity:1}}@media screen and (425px <= width < 768px){.biography[data-astro-cid-55xcgkkc]{--height: calc(640px - 30vw) }}@media screen and (width >= 768px){header[data-astro-cid-55xcgkkc]{flex-direction:row}.biography[data-astro-cid-55xcgkkc]{--height: 360px;width:clamp(600px,100%,800px);.flip-wrapper{--rotate: 90deg;--rotateY: 0deg}}}@media screen and (width >= 1024px){.biography[data-astro-cid-55xcgkkc]{--height: clamp(300px, 30vw, 500px)}.element-reference[data-astro-cid-55xcgkkc].before{display:none}.element-reference[data-astro-cid-55xcgkkc].after{display:inline-block;margin-left:1ch;&:before,&:after{bottom:0;left:0}&:after{bottom:3px}}}@media screen and (width >= 1440px){.bio[data-astro-cid-55xcgkkc]{gap:var(--fs-s);.element-reference{&:after,&:before{font-size:var(--fs-m)}}}}