@import url("https://fonts.googleapis.com/css2?family=Zilla+Slab+Highlight:wght@400;700&display=swap");.lobster-two-font{font-family:Zilla Slab Highlight,serif}.flip-container{perspective:1000px}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease-in-out}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.flip-card-back{transform:rotateY(180deg)}.hero-image{width:800px;height:800px;object-position:center;transition:transform .3s ease-in-out}.flip-container:hover .hero-image{transform:scale(1.02)}@media screen and (max-width:768px){.flip-container{max-width:600px!important;height:600px!important}.hero{padding-top:2rem;padding-bottom:2rem}.hero-image{width:600px;height:600px;object-position:center}.info{padding:0 1rem;align-items:start}}@media screen and (max-width:480px){.hero-image{width:500px;height:500px;object-position:center}}.card{width:220px;height:50px;background-color:rgb(255,255,255);border-radius:115px;padding-inline:15px;justify-content:space-around}.card,.social-icons{display:flex;position:relative}.social-icons{cursor:pointer;transition:all .5s;align-items:center;justify-content:center;color:white;font-weight:700;font-size:small}.social-label{--var:-0%;position:absolute;bottom:var(--var);width:max-content;transition:all .7s;opacity:0;padding-inline:7px;padding-block:2px;border-radius:7px}.social-label:after{content:"";position:absolute;border-bottom:10px solid crimson;border-left:7px solid transparent;border-right:7px solid transparent;bottom:100%;left:50%;transform:translate(-50%)}.social-icons:hover .social-label{--var:-65%;opacity:1}.social-icons:hover{z-index:15}.card:hover>.social-icons:not(:hover){filter:blur(3px);transform:scale(.8)}.social-link{text-decoration:none}.card svg{height:30px}.cards{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;padding:0;margin:0}.flip-back.red,.flip-front.red{background-color:#f43f5e}.flip-back.blue,.flip-front.blue{background-color:#3b82f6}.flip-back.green,.flip-front.green{background-color:#22c55e}.flip-back.purple,.flip-front.purple{background-color:#8b5cf6}.cards .card{background-color:transparent;color:white;cursor:pointer;overflow:hidden;transition:transform .4s ease,filter .3s ease;transform-style:preserve-3d}.cards .card:hover{transform:scale(1.05)}.cards:has(.card:hover)>.card:not(:hover){filter:blur(8px);transform:scale(.92)}.flip-enabled{transform-style:preserve-3d;transition:transform .6s ease}.flip-enabled:hover{transform:rotateY(180deg) scale(1.05)}.flip-back,.flip-front{top:0;left:0}.e-card{background:transparent;box-shadow:0 8px 28px -9px rgba(0,0,0,.45);width:100%;height:100%;overflow:hidden}.e-card,.wave{position:absolute;top:0;left:0}.wave{width:540px;height:700px;opacity:.6;margin-left:-30%;margin-top:10%;background:linear-gradient(744deg,#7d7583,#505a41 60%,#251155);border-radius:40%;animation:wave 55s linear infinite}.playing .wave:nth-child(2){animation-duration:4s}.wave:nth-child(2){animation-duration:50s}.playing .wave:nth-child(3){animation-duration:5s}.wave:nth-child(3){animation-duration:45s}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon{width:100%;margin-top:-1.5em;font-size:3rem}.infotop{text-align:center;font-size:20px;position:absolute;padding:0 12px;top:6em;left:0;right:0;color:#fff;font-weight:600}.name{font-size:14px;font-weight:100;position:relative;top:1em;text-transform:lowercase}.flip-back h4{font-size:1.25rem;margin-bottom:.5rem}.flip-back p{font-size:.9rem;opacity:.85;line-height:1.4}@media screen and (max-width:818px){.cards{flex-direction:column;gap:15px}}.cards .card{width:340px;height:230px;border-radius:10px;perspective:1000px;position:relative;margin:0;padding:0;flex-shrink:0}.flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.card:hover .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;width:100%;height:100%;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.flip-front{z-index:2}.flip-back{background-color:#111827;color:white;transform:rotateY(180deg);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:2rem;z-index:1}