diff --git a/assets/css/styles.css b/assets/css/styles.css index 8cedbb7..8ead34c 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -6,6 +6,9 @@ body { margin: 0; align-items: flex-start; padding: 10px; + + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCc+PHJlY3QgZmlsbD0nIzkxZWFlNCcgeD0nMCcgeT0nMCcgd2lkdGg9JzIwcHgnIGhlaWdodD0nMjBweCcvPjxyZWN0IGZpbGw9JyM4NmE4ZTcnIHg9JzAnIHk9JzIwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jy8+PHJlY3QgZmlsbD0nIzkxZWFlNCcgeD0nMjAnIHk9JzIwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jy8+PHJlY3QgZmlsbD0nIzg2YThlNycgeD0nMjAnIHk9JzAnIHdpZHRoPScyMHB4JyBoZWlnaHQ9JzIwcHgnLz48L3N2Zz4="); + background-repeat: repeat; } header, main, footer { @@ -25,11 +28,12 @@ main { div { text-align: left; - box-shadow: 5px 5px 0 0 lightgrey; + background-color: white; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-sizing: border-box; border: 1px solid; width: 100%; - padding: 0 10px; + padding: 0 20px; } h1 {