@property --c{syntax:"<color>";inherits:false;initial-value:#7938da}@property --size{syntax:"<percentage>";inherits:false;initial-value:75%}main{--max-size:82%;--min-size:75%;overflow:hidden;animation:fade-in-gradient 2s ease-in forwards,breathe-gradient 3s ease-in-out 3.2s infinite}@keyframes fade-in-gradient{0%{--size:0%;--c:#000000}50%{--size:90%;--c:#7938da}to{--size:75%;--c:#7938da}}@keyframes breathe-gradient{0%{--size:var(--min-size)}50%{--size:var(--max-size)}to{--size:var(--min-size)}}@keyframes pop-out-flag{0%{opacity:0;transform:scale(.2) rotate(-90deg) translate(50%,50%)}to{opacity:1;transform:scale(1) rotate(-60deg) translate(0)}}#flag{opacity:0;animation:pop-out-flag 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards}#logo-socials{opacity:1;transform:translateY(20px)}#hero{background:radial-gradient(circle at 50% 50%,var(--c) 0,#000000 var(--size),#000000 100%) no-repeat 50% 50%}#logo{opacity:1;transform:translateY(20px)}@supports (animation:ease-out){#logo,#logo-socials{opacity:0;transform:translateY(20px)}#logo-socials{animation:fadeUp 1s ease-out 2.2s forwards}#logo{animation:fadeUp 1s ease-out .8s forwards}}@keyframes fadeUp{0%{opacity:0}to{opacity:1;transform:translateY(0)}}