|
|
@ -1,5 +1,5 @@
|
|
|
|
:root{
|
|
|
|
:root{
|
|
|
|
--spot-color-1: #009;
|
|
|
|
--spot-color-1: #1E33FAff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Platypi';
|
|
|
|
font-family: 'Platypi';
|
|
|
@ -14,6 +14,14 @@
|
|
|
|
font-weight: 300 800;
|
|
|
|
font-weight: 300 800;
|
|
|
|
font-style: italic;
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
|
|
font-family: 'Redaction_Regular-35';
|
|
|
|
|
|
|
|
src: url('../fonts/Redaction_Regular-35.woff2');
|
|
|
|
|
|
|
|
font-weight: 300 800;
|
|
|
|
|
|
|
|
font-style: regular;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
a {
|
|
|
|
color: var(--spot-color-1);
|
|
|
|
color: var(--spot-color-1);
|
|
|
|
text-decoration: none;
|
|
|
|
text-decoration: none;
|
|
|
@ -77,10 +85,8 @@ button:hover{
|
|
|
|
margin: auto;
|
|
|
|
margin: auto;
|
|
|
|
margin-right: 0;
|
|
|
|
margin-right: 0;
|
|
|
|
line-height: 3.5rem;
|
|
|
|
line-height: 3.5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
a{color: inherit
|
|
|
|
a{color: inherit}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
img {
|
|
|
|
width: 2rem;
|
|
|
|
width: 2rem;
|
|
|
@ -98,10 +104,7 @@ button:hover{
|
|
|
|
.container {
|
|
|
|
.container {
|
|
|
|
margin: 50px 0;
|
|
|
|
margin: 50px 0;
|
|
|
|
line-height: 3.5rem;
|
|
|
|
line-height: 3.5rem;
|
|
|
|
}
|
|
|
|
h1 {font-style: normal}
|
|
|
|
h1 {
|
|
|
|
|
|
|
|
font-style: normal;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
h2 {
|
|
|
|
font-size: 40px;
|
|
|
|
font-size: 40px;
|
|
|
@ -117,9 +120,6 @@ button:hover{
|
|
|
|
margin-right: 0;
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.desaturate{
|
|
|
|
|
|
|
|
filter: grayscale(90%) contrast(1.2) brightness(1.1);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.gummies{
|
|
|
|
.gummies{
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
margin: 2rem 0;
|
|
|
|
margin: 2rem 0;
|
|
|
@ -144,18 +144,16 @@ header{
|
|
|
|
line-height:1.3;
|
|
|
|
line-height:1.3;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
h1, #project-title {
|
|
|
|
h1, #project-title {
|
|
|
|
font-family: 'Platypi';
|
|
|
|
font-family: 'Redaction_Regular-35';
|
|
|
|
line-height: 1;
|
|
|
|
line-height: 1;
|
|
|
|
font-weight: 700;
|
|
|
|
font-weight: 700;
|
|
|
|
font-size: 50px;
|
|
|
|
font-size: 50px;
|
|
|
|
font-style: italic;
|
|
|
|
|
|
|
|
margin: 0 0 0.5rem;
|
|
|
|
margin: 0 0 0.5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
iframe{
|
|
|
|
iframe{
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: 20rem;
|
|
|
|
height: 20rem;
|
|
|
|
border-radius: 0.5rem;
|
|
|
|
border-radius: 0.5rem;
|
|
|
|
filter: grayscale(70%);
|
|
|
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
overflow-x: hidden;
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|