Spaces:
Running
Running
File size: 1,249 Bytes
3711b12 6464fdf 3711b12 6464fdf 3711b12 6464fdf 3711b12 520f36d 6464fdf 520f36d 6464fdf 3711b12 6464fdf a6d3732 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 |
section {
display: flex;
flex-direction: column;
align-items: center;
}
a {
color: var(--text);
}
form {
width: 30rem;
margin: 0 auto;
}
input,
textarea {
width: 100%;
height: 8rem;
margin-top: 0.5rem;
padding: 0.5rem;
font-size: 1rem;
border: 1px solid #ccc;
border-radius: 5px;
resize: vertical;
text-align: left;
}
label {
font-size: 1.2rem;
color: #777;
margin-top: 1rem;
}
button {
cursor: pointer;
background-color: #4CAF50;
color: white;
padding: 0.5rem 1rem;
border: none;
border-radius: 5px;
font-size: 1rem;
margin-top: 1rem;
}
h1 {
font-size: 2.5rem;
margin: 2rem 0;
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333;
}
.text-gen-output {
width: 100%;
min-height: 2.2rem;
padding: 0.5rem;
border: 1px solid grey;
background-color: #D3D3D3;
border-radius: 5px;
}
/* Add styling for the "Copy to Clipboard" button */
#copy-to-clipboard {
margin-top: 1rem;
padding: 0.5rem 1rem;
background-color: var(--primary-color);
color: white;
border: none;
border-radius: 0.25rem;
cursor: pointer;
}
.copy-icon {
margin-left: 0.5rem;
color: gray;
cursor: pointer;
}
.copy-icon:hover {
color: black;
}
|