corn tel me , 'center it', i think it wont look as good, but corn was right...
This commit is contained in:
parent
8763976f15
commit
4c26a6b950
118
style.css
118
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;
|
||||
}
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
@keyframes movinggradient {
|
||||
from {background-position: 35vw;}
|
||||
to {background-position: 0px;}
|
||||
}
|
||||
@keyframes movinggradient {
|
||||
from {
|
||||
background-position: 35vw;
|
||||
}
|
||||
|
||||
.movinggradient {
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in New Issue
Block a user