@keyframes icon-animation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.icon-animation{animation:icon-animation 2s ease infinite}nav{display:flex;justify-content:flex-end;position:sticky;top:0;z-index:1000}.container{display:flex;align-items:center;justify-content:center;height:calc(100vh - 80px)}.logo-root{display:flex;justify-content:center}.logo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:142px;height:142px;font-size:30px;background:linear-gradient(89deg,#181818de 0%,#636363de 100%);color:#fff;border:3px solid black;border-radius:20px;transform-style:preserve-3d}.logo .inner-element{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:35px;font-style:italic;color:#fff;transform:translateZ(60px)}@media screen and (max-width: 600px){.logo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:142px;height:142px;font-size:30px;background:none;color:#fff;border:none;border-radius:0;transform-style:preserve-3d}.logo .inner-element{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:35px;font-style:italic;color:#fff;transform:translateZ(60px)}}@keyframes openBox{0%{width:0}to{width:500px}}.root{position:relative;display:flex;justify-content:center}.box{width:500px;height:"auto";animation:openBox 1.5s ease-in-out}.bounding-box{position:absolute;box-shadow:0 0 0 3px #006c81 inset;display:flex;flex-wrap:wrap;justify-content:center;border-radius:8px;cursor:pointer}@media screen and (max-width: 600px){.box{width:340px;height:"auto";animation:openMobileBox 1.5s ease-in-out}@keyframes openMobileBox{0%{width:0}to{width:340px}}}@media screen and (max-width: 600px){.card{width:100%;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}}body{min-width:320px!important;font-size:22px}