| | |
| | | max-width: 40rem; |
| | | } |
| | | |
| | | #app ul { |
| | | margin: 0; |
| | | padding: 0; |
| | | list-style: none; |
| | | } |
| | | |
| | | #app li, |
| | | #app form { |
| | | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); |
| | | margin: 1rem auto; |
| | |
| | | |
| | | #app h2 { |
| | | font-size: 2rem; |
| | | border-bottom: 4px solid #ccc; |
| | | color: #58004d; |
| | | margin: 0 0 1rem 0; |
| | | margin: 0 0 0 0; |
| | | } |
| | | |
| | | #app button { |
| | | font: inherit; |
| | | cursor: pointer; |
| | | border: 1px solid #ff0077; |
| | | background-color: #ff0077; |
| | | border: 1px solid #08301a; |
| | | background-color: #08301a; |
| | | color: white; |
| | | padding: 0.05rem 1rem; |
| | | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26); |
| | | border-radius: 10px; |
| | | } |
| | | |
| | | #app button:hover, |
| | |
| | | #app form div { |
| | | margin: 1rem 0; |
| | | } |
| | | |
| | | #app .user{ |
| | | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26); |
| | | margin: 1rem auto; |
| | | border-radius: 10px; |
| | | padding: 1rem; |
| | | text-align: center; |
| | | width: 90%; |
| | | max-width: 40rem; |
| | | |
| | | } |
| | | </style> |