@font-face{font-family:Minecraft;src:url(data:font/ttf;base64,) format("truetype");font-weight:400;font-style:normal}body{font-family:Minecraft,Verdana,sans-serif;background:linear-gradient(-45deg,#ff9a9e,#ff6ec4,#ffd1dc,#ff9a9e);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;min-height:100vh}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar{display:flex;justify-content:center;padding:20px}.navbar a{display:inline-block;color:#fff;text-decoration:none;font-weight:700;background-color:#ff6ec4;padding:20px 40px;font-size:32px;border-radius:8px}.beta-note{text-align:center;font-size:14px;font-weight:700;padding:10px}.main--container{display:flex;flex-direction:column;align-items:center;justify-content:center}.color-con{display:flex}button{border:none;min-height:30px;font-weight:700;text-transform:uppercase;font-family:Verdana,sans-serif;min-width:220px;background-color:#000;color:#fff;margin:10px;padding:10px;border-radius:6px;cursor:pointer}a{text-decoration:underline;color:#404040}.container{background:#fff;padding:50px;border:3px solid #000;box-shadow:6px 6px #aaa;margin:0 auto 0 400px}.cbbl{font-size:20px;font-family:inherit;position:relative;display:inline-block;margin:10px 9px 29px 6px;text-align:center;font-weight:700;background-color:#fff;color:#000;padding:5px;box-shadow:0 -3px #fff,0 -6px #000,3px 0 #fff,3px -3px #000,6px 0 #000,0 3px #fff,0 6px #000,-3px 0 #fff,-3px 3px #000,-6px 0 #000,-3px -3px #000,3px 3px #000,3px 9px #0006,6px 6px #0006,9px 3px #0006;transition:all .3s ease;box-sizing:border-box}.cbbl:before,.cbbl:after{content:"";display:block;position:absolute;transition:all .3s ease;box-sizing:border-box;left:70%}.cbbl:after{background:#fff;width:9px;height:3px;bottom:-14px;margin-left:6px;box-shadow:-3px 0 #000,3px 0 #000,3px 3px #fff,0 3px #000,6px 3px #0006,9px 3px #0006,3px 6px #000,6px 6px #000,9px 6px #0006,6px 9px #0006}.cbbl:before{width:15px;height:8px;background:#fff;bottom:-11px;border-left:3px solid #000;border-right:3px solid #000}.cbbl.-hover:hover{background-color:#eee;color:#000;box-shadow:0 -3px #00f,0 -6px #7bc8a4,3px 0 #eee,3px -3px #7bc8a4,6px 0 #7bc8a4,0 3px #eee,0 6px #00f,-3px 0 #eee,-3px 3px #7bc8a4,-6px 0 #7bc8a4,-3px -3px #7bc8a4,3px 3px #7bc8a4,3px 9px #cae9db,6px 6px #cae9db,9px 3px #cae9db}.cbbl.-hover:hover:before{background:#eee;border-left-color:#7bc8a4;border-right-color:#7bc8a4}.cbbl.-hover:hover:after{box-shadow:-3px 0 #7bc8a4,3px 0 #7bc8a4,3px 3px #eee,0 3px #7bc8a4,6px 3px #7bc8a4,9px 3px #cae9db,3px 6px #7bc8a4,6px 6px #7bc8a4,9px 6px #cae9db,6px 9px #cae9db,9px 9px #7bc8a4}.cbbl.-up{margin:29px 9px 10px 6px}.cbbl.-up:before{top:-11px;bottom:auto;left:70%}.cbbl.-up:after{top:-14px;bottom:auto;left:70%;box-shadow:-3px 0 #000,3px 0 #000,3px -3px #fff,0 -3px #000,6px -3px #000,3px -6px #0006,6px -6px #0006}.cbbl.-up.-right:after{box-shadow:3px 0 #000,-3px 0 #000,-3px -3px #fff,0 -3px #000,-6px -3px #0006,-3px -6px #0006,-6px -6px #0006}.cbbl.-right:before,.cbbl.-right:after{left:auto;right:80%}.cbbl.-right:after{margin-left:0;margin-right:6px;box-shadow:3px 0 #000,-3px 0 #000,-3px 3px #fff,0 3px #000,-6px 3px #000,-3px 6px #0006,-6px 6px #0006,-3px 9px #0006,0 6px #0006,3px 3px #0006,6px 0 #0006}.cbbl.-right-bottom:before,.cbbl.-right-bottom:after{left:auto;right:20%}.cbbl.-right-bottom:after{margin-left:0;margin-right:6px;box-shadow:3px 0 #000,-3px 0 #000,-3px 3px #fff,0 3px #000,-6px 3px #000,-3px 6px #000,-6px 6px #000,-3px 9px #000,0 6px #000,3px 3px #000,6px 0 #000}.cbbl.-no-selection{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbbl.-control{cursor:pointer}.cbbl.-control input[type=submit],.cbbl.-control button,.cbbl.-control a{cursor:pointer;transition:color .3s ease}.cbbl.-control:active{transform:scale(.95)}.m-4{margin:20px}input[type=checkbox]{position:relative;width:40px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:10px;outline:none;cursor:pointer;transition:background .3s ease-in-out}input[type=checkbox]:checked{background:#4caf50}input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:8px;background:#fff;transition:transform .3s ease-in-out}input[type=checkbox]:checked:before{transform:translate(20px)}