@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);div[data-v-f9dcf228]{padding:5px 30px;border:1px solid hsla(0,0%,100%,.44);margin-top:20px}div[data-v-f9dcf228]:hover{transform:scale(1.04)}h5[data-v-f9dcf228]{margin:0;padding:0}div[data-v-471c98ac]{max-width:-moz-fit-content;max-width:fit-content;display:flex;justify-content:space-between;-moz-column-gap:20px;column-gap:20px;align-items:center}a[data-v-471c98ac]{color:#fff;transition:all .3s ease}a[data-v-471c98ac]:hover{transform:scale(1.1)}section[data-v-211326d7]{max-width:100%;width:800px;position:relative}section>div[data-v-211326d7]:first-child{padding:10px 50px;border-radius:5px}.user-info[data-v-211326d7]{text-align:center;border:1px solid hsla(0,0%,100%,.44)}.user-info[data-v-211326d7]:hover{transform:scale(1.04)}#container[data-v-211326d7]{display:grid;row-gap:10px}.copy-button[data-v-211326d7]{margin-top:10px;padding:12px 24px;font-size:14px;color:#fff;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;font-weight:500;letter-spacing:.5px;outline:none;-webkit-appearance:none;-moz-appearance:none;max-width:-moz-fit-content;max-width:fit-content}.copy-button[data-v-211326d7]:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.copy-button[data-v-211326d7]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}.custom-alert[data-v-211326d7]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.custom-alert-content[data-v-211326d7]{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center}.custom-alert-content p[data-v-211326d7]{margin-bottom:15px;font-size:18px;color:#333}.close-alert[data-v-211326d7]{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.close-alert[data-v-211326d7]:hover{background-color:#0056b3}.fade-enter-active[data-v-211326d7],.fade-leave-active[data-v-211326d7]{transition:opacity .3s}.fade-enter[data-v-211326d7],.fade-leave-to[data-v-211326d7]{opacity:0}footer[data-v-211326d7]{display:flex;justify-content:space-between;margin-top:10px}@media (max-width:1200px){section[data-v-211326d7]{max-width:100%;width:100%;position:relative}}*{transition:all .3s ease}body{margin:0;font-family:Poppins,serif;background-image:url(/js-key-codes-vue/img/bg_3.7953b40d.jpg);font-size:20px;color:#fff;display:grid;place-items:center;height:100vh}.particle{position:absolute;width:10px;height:10px;border-radius:50%;background-color:hsla(0,0%,100%,.8);animation:moveParticle 4s infinite}@keyframes moveParticle{0%{transform:translate(0);opacity:1}50%{opacity:.5}to{transform:translate(50vw,50vh);opacity:0}}.particle:first-child{animation-delay:0s;left:10%;top:10%}.particle:nth-child(2){animation-delay:1s;left:20%;top:20%}.particle:nth-child(3){animation-delay:2s;left:30%;top:30%}.particle:nth-child(4){animation-delay:3s;left:40%;top:40%}.particle:nth-child(5){animation-delay:.5s;left:50%;top:50%}.particle:nth-child(6){animation-delay:1.5s;left:60%;top:60%}.particle:nth-child(7){animation-delay:2.5s;left:70%;top:70%}.particle:nth-child(8){animation-delay:3.5s;left:80%;top:80%}