80 lines
1.5 KiB
CSS
80 lines
1.5 KiB
CSS
/* @import url("https://use.typekit.net/jmk3xov.css"); */
|
|
/* @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap'); */
|
|
/*
|
|
canvas {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
:root {
|
|
--dark-bg: rgba(15, 15, 15, 0.95);
|
|
--spacing: 350px;
|
|
|
|
font-family: brandon-grotesque, sans-serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
main {
|
|
width: 100vw;
|
|
color: white;
|
|
z-index: 99;
|
|
position: absolute;
|
|
width: 100%;
|
|
margin: 0px auto;
|
|
padding: 120px 0px;
|
|
display: grid;
|
|
grid-template-columns: repeat(12, 1fr);
|
|
}
|
|
|
|
h1, h2, h3, blockquote{
|
|
font-family: elevon, sans-serif;
|
|
font-family: 'Ubuntu Condensed', sans-serif;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
header {
|
|
background: var(--dark-bg);
|
|
grid-column: 2 / span 3;
|
|
font-size: 2.5rem;
|
|
padding: 2rem;
|
|
margin-bottom: var(--spacing);
|
|
text-align: center;
|
|
}
|
|
|
|
section {
|
|
grid-column: 2 / 8;
|
|
padding: 1rem;
|
|
background: var(--dark-bg);
|
|
font-size: 1.25rem;
|
|
line-height: 1.5;
|
|
margin-bottom: var(--spacing);
|
|
}
|
|
|
|
blockquote {
|
|
margin: 0;
|
|
padding: 0;
|
|
grid-column: 2 / span 9;
|
|
margin-bottom: var(--spacing);
|
|
}
|
|
|
|
blockquote p {
|
|
color: black;
|
|
background-color: white;
|
|
font-size: 5rem;
|
|
display: inline;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
blockquote a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.left {
|
|
grid-column: 6 / 12;
|
|
} */ |