| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); |
|
|
| body { |
| font-family: 'Roboto', sans-serif; |
| } |
|
|
| #root > .block { |
| max-width: 1000px; |
| margin: 0 auto; |
| padding: 20px; |
| border-radius: 8px; |
| } |
|
|
| .logo { |
| text-align: center; |
| margin-bottom: 20px; |
| } |
|
|
| .logo img { |
| max-width: 200px; |
| border-radius: 10px; |
| } |
|
|
| |
| h1 { |
| text-align: center; |
| } |
| #duplicate-button { |
| margin: auto; |
| color: white; |
| background: #1565c0; |
| border-radius: 100vh; |
| } |
|
|
| |
| .gr-form, .gr-box, .gr-input, .gr-textarea, .gr-radio, .gr-checkbox, .gr-panel { |
| border-radius: 6px; |
| } |
|
|
| .gr-panel > .label { |
| border-top-left-radius: 6px; |
| border-top-right-radius: 6px; |
| } |
|
|
| button, .button-primary, .button-secondary { |
| border-radius: 6px; |
| } |
|
|
| |
| @media (max-width: 768px) { |
| #root > .block { |
| padding: 15px; |
| } |
| } |
