corn tel me , 'center it', i think it wont look as good, but corn was right...

This commit is contained in:
starlight 2024-01-24 20:17:59 +13:00
parent 8763976f15
commit 4c26a6b950

118
style.css
View File

@ -3,52 +3,28 @@
License: none (public domain) License: none (public domain)
*/ */
html, body, div, span, applet, object, iframe, html,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, body,
a, abbr, acronym, address, big, cite, code, div,
del, dfn, em, img, ins, kbd, q, s, samp, span,
small, strike, strong, sub, sup, tt, var, h1,
b, u, i, center, h2,
dl, dt, dd, ol, ul, li, h3,
fieldset, form, label, legend, h4,
table, caption, tbody, tfoot, thead, tr, th, td, h5,
article, aside, canvas, details, embed, h6,
figure, figcaption, footer, header, hgroup, input, p,
menu, nav, output, ruby, section, summary, a,
time, mark, audio, video { code,
margin: 0; img {
padding: 0; margin: 0;
border: 0; padding: 0;
border: 0;
outline: none; outline: none;
text-decoration: none; text-decoration: none;
font-size: 100%; font-size: 100%;
font: inherit; font: inherit;
vertical-align: baseline; 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;
} }
/* boring text stuff */ /* boring text stuff */
@ -57,7 +33,8 @@ h1 {
font-size: 2.5em; font-size: 2.5em;
} }
h2, button { h2,
button {
font-size: 2em; font-size: 2em;
} }
@ -77,20 +54,20 @@ h6 {
font-size: 0.7em; font-size: 0.7em;
} }
h1, h2, h3, h4, h5, h6 { h1,
font-weight: 600; h2,
} h3,
h4,
h5,
h6,
p { p {
font-weight: 500;
}
h1, h2, h3, h4, h5, h6, p, input, code, button {
font-family: "Montserrat"; font-family: "Montserrat";
font-weight: 600;
color: #FFFFFF; color: #FFFFFF;
text-align: center;
} }
/* styling begins */ /* real styling begins */
body { body {
background: #060008; background: #060008;
line-height: 1.8; line-height: 1.8;
@ -98,12 +75,19 @@ body {
margin: auto; margin: auto;
} }
.star { color: #CBD7F1; } .star {
.light { color: #FEFDC1; } color: #CBD7F1;
}
.light {
color: #FEFDC1;
}
.buttons { .buttons {
text-align: center;
margin-top: 10px; margin-top: 10px;
} }
.buttons>a { .buttons>a {
margin-right: 10px; margin-right: 10px;
} }
@ -112,17 +96,21 @@ hr {
border: 0; border: 0;
height: 3px; height: 3px;
width: 35vw; width: 35vw;
margin: 10px 0; margin: 10px auto;
} }
@keyframes movinggradient { @keyframes movinggradient {
from {background-position: 35vw;} from {
to {background-position: 0px;} background-position: 35vw;
} }
.movinggradient { to {
background-position: 0px;
}
}
.movinggradient {
background-image: repeating-linear-gradient(to left, #4b4b88, #4b884b, #88884b, #885F4B, #884b4b, #4b4b88); background-image: repeating-linear-gradient(to left, #4b4b88, #4b884b, #88884b, #885F4B, #884b4b, #4b4b88);
background-position: 0px; background-position: 0px;
animation: movinggradient 1s linear infinite; animation: movinggradient 1s linear infinite;
} }