*{box-sizing:border-box;margin:0;padding:0}body{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;justify-items:center;align-items:center;height:100vh;overflow:hidden;background:hsl(224 30% 7%);font-family:"Inter";padding:50px}button{border:2px double #fff0;background-image:linear-gradient(#0d0e21,#0d0e21),radial-gradient(circle at left top,#aeffd8,#33ff9d);background-origin:border-box;background-clip:padding-box,border-box;font-size:16px;padding:12px 32px;transition:all 0.3s ease;border-radius:50px;cursor:pointer;grid-row:1;justify-self:end;font-weight:700;line-height:1}button a{color:#fff;text-decoration:none}.culic{font-size:100px;text-transform:uppercase;font-weight:900;letter-spacing:5px;background:linear-gradient(to right,#7953cd 20%,#33ff9d 30%,#33ff9d 70%,#764ada 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;text-fill-color:#fff0;background-size:500% auto;animation:culicShine 4s ease-in-out infinite alternate;cursor:crosshair;transition:all 0.7s ease-in-out;margin-top:-150px}.culic:hover{background:linear-gradient(to right,#cdb153 20%,#33ff9d 30%,#33ff9d 70%,#cdb153 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;text-fill-color:#fff0;background-size:500% auto;text-shadow:#000 0 0 4px;animation:culicShine 2s ease-in-out infinite alternate}.icon-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:20%}.icon{text-align:center}.icon svg,button{transition:filter 0.3s ease-in-out}.icon:hover svg,button:hover{filter:drop-shadow(0 0 2px #fff)}@media only screen and (max-width:767px){body{padding:40px 0}button{justify-self:center}.culic{padding:0 15px;margin-top:0}.icon-container{width:auto;gap:20px}}@keyframes culicShine{0%{background-position:0% 50%}100%{background-position:100% 50%}}