@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%;--size:0%;--c:#000;background:radial-gradient(circle at 50% 50%,var(--c)0%,#000 var(--size),#000 100%)no-repeat 50% 50%;overflow-x:hidden}main.animations-active{animation:2s ease-in forwards fade-in-gradient,3s ease-in-out 3.2s infinite breathe-gradient}#flag{opacity:0;transform:scale(.2)rotate(-90deg)translate(50%,50%)}.animations-active #flag{animation:1s cubic-bezier(.175,.885,.32,1.275) .5s forwards pop-out-flag}@supports (animation:ease-out){#logo-socials,#logo{opacity:0;transform:translateY(20px)}.animations-active #logo-socials{animation:1s ease-out 2.2s forwards fadeUp}.animations-active #logo{animation:1s ease-out .8s forwards fadeUp}}@keyframes fade-in-gradient{0%{--size:0%;--c:#000}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)}}@keyframes fadeUp{0%{opacity:0}to{opacity:1;transform:translateY(0)}}