diff --git a/style.css b/style.css new file mode 100644 index 0000000..0ca13e3 --- /dev/null +++ b/style.css @@ -0,0 +1,46 @@ +/* Import Google Font */ +@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap'); + +/* HTML & Body styling */ +html, body { + height: 100%; + margin: 0; + padding: 0; + background: linear-gradient(to bottom, #eee 0%, #ddd 60%, #ccc 100%); + background-size: auto; + overflow: hidden; +} + +body::after { + content: ""; + background-image: url(https://www.transparenttextures.com/patterns/noise.png); + opacity: .1; + top: 0; + left: 0; + bottom: 0; + right: 0; + position: fixed; + z-index: -1; +} + +/* Center section */ +body { + display: flex; + justify-content: center; + align-items: center; +} + +section { + text-align: center; +} + +/* SVG and h1 styling */ +svg { + width: 20vmin; + height: 20vmin; +} + +h1 { + font-family: 'DM Serif Display', serif; + font-size: 5vmin; +}