wip: colors

This commit is contained in:
Michael Costa 2023-04-08 10:41:43 +11:00
parent a885c6c8fb
commit c992116269

View File

@ -25,23 +25,6 @@ body {
font-family: pfdintextcomppromedium;
}
span.header {
font-size: 9.75em;
font-weight: bold;
}
span.subheader {
margin: 0;
font-size: 3.47em;
font-weight: thin;
}
span.place {
margin: 0;
font-size: 2.145em;
}
.white {
color: var(--main-color);
}
@ -58,6 +41,44 @@ span.place {
font-family: pfdintextcomppromedium;
}
.button {
font-size: 4em;
transition-property: color;
transition-duration: 1s;
}
.button:hover {
color: var(--main-color);
cursor: pointer;
}
.logo {
width: inherit;
}
.cursor {
width: 0;
height: 0;
border-left: 0.75em solid transparent;
border-right: 0.75em solid transparent;
border-bottom: 0.75em solid var(--alt-color);
}
a {
font-family: pfdintextcomppromedium;
font-weight: 250;
color: var(--alt-color);
transition-property: color;
transition-duration: 1s;
text-decoration: wavy;
}
a:hover {
color: var(--main-color);
cursor: pointer;
}
/* #content_wrapper {
display: flex;
flex-direction: column;
@ -84,6 +105,20 @@ span.place {
#header {
text-align: center;
margin-bottom: -3em;
font-size: 9.75em;
font-weight: bold;
}
#subheader {
margin: 0;
font-size: 3.47em;
font-weight: thin;
}
#place {
margin: 0;
font-size: 2.145em;
}
#logo_wrapper {
@ -91,10 +126,6 @@ span.place {
width: 40em;
}
img.logo {
width: inherit;
}
#navbar_wrapper {
position: fixed;
bottom: 0;
@ -108,29 +139,10 @@ img.logo {
width: 100vw;
}
.button {
font-size: 4em;
transition-property: color;
transition-duration: 1s;
}
.button:hover {
color: var(--main-color);
cursor: pointer;
}
#cursorbar {
margin-top: 1em;
}
.cursor {
width: 0;
height: 0;
border-left: 0.75em solid transparent;
border-right: 0.75em solid transparent;
border-bottom: 0.75em solid var(--alt-color);
}
#blah {
margin: 2em 0 2em;
font-size: 2em;
@ -145,16 +157,3 @@ img.logo {
margin-top: 1em;
}
a {
font-family: pfdintextcomppromedium;
font-weight: 250;
color: var(--alt-color);
transition-property: color;
transition-duration: 1s;
text-decoration: wavy;
}
a:hover {
color: var(--main-color);
cursor: pointer;
}