body{background:linear-gradient(-45deg,#124a83,#1269cc,#138bee,#00e1ff);background-size:400% 400%;animation:gradient 15s ease infinite;height:100vh;margin:0}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#tiles{height:calc(100vh - 1px);width:calc(100vw - 1px);position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--columns, 10),1fr);grid-template-rows:repeat(var(--rows, 10),1fr)}.tile{outline:1px solid white}.button2{background-color:#fff0;color:#1a1919;width:250px;height:250px;border:10px solid #000000;border-radius:50%;font-size:100px}.button2:hover{background-color:#5c85acad;color:#000}.container{transform:translate(-50%,-50%);position:fixed;top:50%;left:50%;z-index:10}.bttn1{background-color:#8b87872f;width:150px;height:150px;font-size:30px;box-shadow:#fff 0 0 25px;border-radius:20%;border:5px solid #1b1b1b;background:linear-gradient(270deg,#5756566c,#cccccc13);background-size:200% 200%;transition:background .4s ease}.bttn1:hover{background:linear-gradient(300deg,#00bfff,#9dc0ec,#00f);background-size:180% 180%;animation:gradient-animation 18s ease infinite;animation:bttn1 2s ease infinite}@keyframes bttn1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}