*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;margin:0;padding:0}:root{--gradient1: #ffeaa8;--gradient2: #e5f493;--gradient4: #f4ddfe;--gradient5: #c1fee5;--gradient6: #bad9ff}html,body{margin:0;padding:0;width:100%;height:100%;font-family:"Barlow Condensed",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.2;text-transform:uppercase}#gradient-bg,#gradient-bg::after{width:100%;height:100vh;position:fixed;z-index:0;background:#fff;background-image:radial-gradient(circle at 0% 0%, var(--gradient1) 0%, rgba(255, 255, 255, 0) 50%),radial-gradient(circle at 40% -40%, var(--gradient2) 15%, rgba(255, 255, 255, 0) 50%),radial-gradient(circle at 0% 140%, var(--gradient5) 20%, rgba(255, 255, 255, 0) 50%),radial-gradient(ellipse at 35% 35%, var(--gradient4) 40%, rgba(255, 255, 255, 0) 100%),radial-gradient(circle at 85% 90%, var(--gradient6) 0%, rgba(255, 255, 255, 0) 100%)}#gradient-bg::after{content:"";left:0px;top:0px;opacity:0;animation:colorChange 16s linear infinite alternate;border:1px solid rgba(255,0,0,.5);filter:blur(0px)}@keyframes colorChange{0%{transform:scale(1)}100%{transform:scale(2)}}#logo{position:fixed;width:300px}#effect{width:500px;height:500px;background-color:#6dffd8;filter:blur(150px);opacity:.95;mix-blend-mode:overlay;border-radius:100%;border-radius:100%;position:fixed}body{display:flex;flex-direction:column;justify-content:center;align-items:center}h1{font-size:2.5rem;line-height:.85;font-weight:600;text-align:center;z-index:1}h1 span{color:var(--primary);display:block;font-size:8rem;letter-spacing:-2px;font-weight:600}