diff --git a/templates/style.css b/templates/common.css similarity index 57% rename from templates/style.css rename to templates/common.css index 6559cb3..f808cb7 100644 --- a/templates/style.css +++ b/templates/common.css @@ -17,25 +17,11 @@ html { scroll-behavior: smooth } body { margin: 0; line-height: 1.5; - font-family: "roboto-light"; - min-height: 100vh; - width: 100vw; - color: #edfbff; display: flex; flex-direction: column; - - background: linear-gradient(90deg, rgba(210, 120, 80, .95), rgba(250, 60, 70, .95)), url(background.jpg) center center no-repeat; - background-size: cover; -} - -a { - text-decoration: none; - color: #fff; - font-weight: bold; } -a:hover { text-decoration: underline } header { display: flex; @@ -71,32 +57,8 @@ nav a.special:hover { color: #dd4733; } -main { - flex: 1; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} -main h1 { - font-size: 6em; - font-family: "roboto-black"; - margin: .2em; -} -main hr { - width: 5em; - border: 0; - border-top: 1px solid #fff; -} -main p { - max-width: 40em; - text-align: center; -} - footer { text-align: center; padding: 2em; - background-color: rgba(255, 255, 255, .075); - backdrop-filter: blur(5px); } diff --git a/templates/index.css b/templates/index.css new file mode 100644 index 0000000..bb13997 --- /dev/null +++ b/templates/index.css @@ -0,0 +1,45 @@ + +body { + min-height: 100vh; + width: 100vw; + color: #edfbff; + + background: linear-gradient(90deg, rgba(210, 120, 80, .95), rgba(250, 60, 70, .95)), url(background.jpg) center center no-repeat; + background-size: cover; +} + +a { + text-decoration: none; + color: #fff; + font-weight: bold; +} +a:hover { text-decoration: underline } + + +main { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +main h1 { + font-size: 6em; + font-family: "roboto-black"; + margin: .2em; +} +main hr { + width: 5em; + border: 0; + border-top: 1px solid #fff; +} +main p { + max-width: 40em; + text-align: center; +} + +footer { + background-color: rgba(255, 255, 255, .075); + backdrop-filter: blur(5px); +} + diff --git a/templates/index.html b/templates/index.html index 4d98b70..39c2375 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,10 +6,11 @@