@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*[data-v-c5e95014]{font-family:JetBrains Mono}pre.code[data-v-c5e95014]{text-align:start;max-width:800px;max-height:400px;overflow:auto;margin:auto;background:#1b1b1b;padding:2rem}.get-code-btn[data-v-c5e95014]{background:white;color:#000}footer[data-v-c5e95014]{margin:4rem 0 2rem}button[data-v-c5e95014]{background:none;color:#fff;border:1px solid white;height:37px;padding:0 1rem;margin:0 .33rem}button[data-v-c5e95014]:hover{box-shadow:3px 3px 0 1px #df87f1}a[data-v-c5e95014]{color:#add8e6}h1[data-v-c5e95014]{margin:0;font-style:italic;padding-top:1.5rem;font-size:21px;font-weight:200;letter-spacing:4px}.wrapper[data-v-c5e95014]{display:flex;flex:1 1;width:100%;justify-content:center}.preview[data-v-c5e95014]{margin:0 4rem}.final-code[data-v-c5e95014]{margin:0 4rem}.gradient-wrapper[data-v-c5e95014]{margin:2rem auto;max-width:900px;border-radius:1rem;height:500px}#gradient-canvas[data-v-c5e95014]{width:100%;height:100%}input[type=color][data-v-c5e95014]{padding:0;background:none;height:45px;margin:0;border:none}.toolbar[data-v-c5e95014]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;margin:0 auto}.toolbar p[data-v-c5e95014]{display:flex;margin:0;font-size:1.5rem;align-items:center;justify-content:space-between;width:100%}.toolbar button[data-v-c5e95014]{margin-top:20px;width:100%}.toolbar button[data-v-c5e95014]:hover{cursor:pointer}@media screen and (max-width: 1024px){.wrapper[data-v-c5e95014]{flex-direction:column}}body{height:100vh;margin:0;padding:0}#app{background:black;color:#fff;font-family:monospace;min-height:100vh;padding:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}