From 4c26a6b950b8d0c46c77ffe99ced1de74d86f26b Mon Sep 17 00:00:00 2001 From: starlight Date: Wed, 24 Jan 2024 20:17:59 +1300 Subject: [PATCH] corn tel me , 'center it', i think it wont look as good, but corn was right... --- style.css | 124 ++++++++++++++++++++++++------------------------------ 1 file changed, 56 insertions(+), 68 deletions(-) diff --git a/style.css b/style.css index 96531c1..a3b6cbe 100644 --- a/style.css +++ b/style.css @@ -3,52 +3,28 @@ License: none (public domain) */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, input, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; +html, +body, +div, +span, +h1, +h2, +h3, +h4, +h5, +h6, +p, +a, +code, +img { + margin: 0; + padding: 0; + border: 0; outline: none; text-decoration: none; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} - -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} - -ol, ul { - list-style: none; -} - -blockquote, q { - quotes: none; -} - -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } /* boring text stuff */ @@ -57,7 +33,8 @@ h1 { font-size: 2.5em; } -h2, button { +h2, +button { font-size: 2em; } @@ -77,20 +54,20 @@ h6 { font-size: 0.7em; } -h1, h2, h3, h4, h5, h6 { - font-weight: 600; -} - +h1, +h2, +h3, +h4, +h5, +h6, p { - font-weight: 500; -} - -h1, h2, h3, h4, h5, h6, p, input, code, button { font-family: "Montserrat"; + font-weight: 600; color: #FFFFFF; + text-align: center; } -/* styling begins */ +/* real styling begins */ body { background: #060008; line-height: 1.8; @@ -98,12 +75,19 @@ body { margin: auto; } -.star { color: #CBD7F1; } -.light { color: #FEFDC1; } +.star { + color: #CBD7F1; +} + +.light { + color: #FEFDC1; +} .buttons { + text-align: center; margin-top: 10px; } + .buttons>a { margin-right: 10px; } @@ -112,17 +96,21 @@ hr { border: 0; height: 3px; width: 35vw; - margin: 10px 0; - } - - @keyframes movinggradient { - from {background-position: 35vw;} - to {background-position: 0px;} - } - - .movinggradient { - background-image: repeating-linear-gradient(to left, #4b4b88, #4b884b, #88884b, #885F4B, #884b4b, #4b4b88); + margin: 10px auto; +} + +@keyframes movinggradient { + from { + background-position: 35vw; + } + + to { + background-position: 0px; + } +} + +.movinggradient { + background-image: repeating-linear-gradient(to left, #4b4b88, #4b884b, #88884b, #885F4B, #884b4b, #4b4b88); background-position: 0px; animation: movinggradient 1s linear infinite; - } - \ No newline at end of file +} \ No newline at end of file