|
body { |
|
background-color: skyblue; |
|
background-image: linear-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px), |
|
linear-gradient(90deg, rgba(255, 255, 255, 0.2) 1px, transparent 1px), |
|
linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), |
|
linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px), |
|
linear-gradient(0deg, transparent 10px, rgba(255, 255, 255, 0.3) 10px, rgba(255, 255, 255, 0.3) 20px, transparent 20px, transparent 30px, rgba(255, 255, 255, 0.3) 30px, rgba(255, 255, 255, 0.3) 40px, transparent 40px), |
|
linear-gradient(0deg, transparent 10px, rgba(255, 255, 255, 0.2) 10px, rgba(255, 255, 255, 0.2) 20px, transparent 20px, transparent 30px, rgba(255, 255, 255, 0.2) 30px, rgba(255, 255, 255, 0.2) 40px, transparent 40px); |
|
background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px, 100% 40px, 100% 20px; |
|
background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px, 0px 0px, 0px 0px; |
|
} |
|
|
|
#content { |
|
margin: 0 auto; |
|
max-width: 800px; |
|
text-align: center; |
|
} |
|
|
|
#goals { |
|
padding: 30px; |
|
} |
|
|
|
#gif { |
|
border: 5px solid white; |
|
border-radius: 10px; |
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); |
|
} |
|
|