Start9/start9.com
2
0
Fork 0
mirror of https://github.com/Start9Labs/start9.com.git synced 2026-04-02 05:23:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

subtle animations; css tweaks; added monsterrat;

Browse Source
This commit is contained in:
Spencer Flagg
2022-09-18 17:37:00 +02:00
parent b0cb098b18
commit 7a20dfe5f4
42 changed files with 2189 additions and 808 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/styles/be-your-own.scss
View File

@@ -4,7 +4,7 @@
align-items: center;
gap: 6rem;
//margin: 0 0 6rem 0;
padding: 0 6rem 6rem 6rem;
padding: 0 6rem 0 6rem;
box-sizing: border-box;
width: 100%;
@@ -67,6 +67,7 @@
}
.services{
display: none;
position: absolute;
top: calc(3 * var(--line));
background-color: #353535;

46
src/assets/styles/bitcoin.scss
View File

@@ -61,10 +61,13 @@ section#bitcoin {
}
.subsection:first-of-type {
display: flex;
flex-direction: column;
place-self: flex-start;
margin-bottom: 6rem;
align-items: flex-start;
}
.subsection:last-of-type {
.subsection:nth-of-type(2) {
place-self: flex-end;
display: flex;
flex-direction: column;
@@ -75,13 +78,6 @@ section#bitcoin {
}
}
a.btn {
background-color: var(--c-1);
color: var(--c-6);
border-color: var(--c-6);
font-size: 1.2rem;
}
#flying-icons{
position: absolute;
top: 0;
@@ -89,6 +85,7 @@ section#bitcoin {
right: 0;
bottom: 0;
overflow: hidden;
pointer-events: none;
}
.service-icon {
@@ -101,62 +98,69 @@ section#bitcoin {
mix-blend-mode: soft-light;
box-shadow: 0 37px 50px rgb(0 0 0 / 20%);
&.service-icon--spectre {
background-color: var(--c-1);
}
&.service-icon--electrs {
background-color: var(--c-1);
padding: 1rem;
}
&.service-icon--balanceofsatoshis {
width: 5rem;
z-index: -8;
}
&.service-icon--bitcoind {
width: auto;
width: 15rem;
}
&.service-icon--btc-rpc-proxy {
width: 9rem;
z-index: -4;
}
&.service-icon--btcpay-server {
&.service-icon--btcpayserver {
width: 6rem;
z-index: -7;
}
&.service-icon--c-lightning {
width: auto;
width: 15rem;
}
&.service-icon--electrs {
width: 7rem;
width: 7rem;
background-color: var(--c-1);
padding: 1rem;
z-index: -6;
}
&.service-icon--lightning-jet {
width: 6rem;
z-index: -7;
}
&.service-icon--lnd {
width: 10rem;
z-index: -3;
}
&.service-icon--lightning-terminal {
width: 7rem;
z-index: -6;
}
&.service-icon--lndg {
width: 9rem;
z-index: -4;
}
&.service-icon--mempool {
width: 8rem;
z-index: -5;
}
&.service-icon--ride-the-lightning {
width: 8rem;
z-index: -5;
}
&.service-icon--spark-wallet {
width: 7rem;
z-index: -6;
}
&.service-icon--specter {
width: 5rem;
z-index: -8;
}
&.service-icon--sphinx-relay {
width: 6rem;
z-index: -7;
}
&.service-icon--thunderhub {
width: 5rem;
z-index: -8;
}
}
}

3
src/assets/styles/community.scss
View File

@@ -2,7 +2,8 @@
display: flex;
flex-direction: column;
align-items: center;
min-height: calc(100vh - 2 * var(--section-padding));
//min-height: calc(100vh - 2 * var(--section-padding));
margin-bottom: 12rem;
input[type="email"] {
width: 31ch;

2
src/assets/styles/dev.scss
View File

@@ -3,7 +3,7 @@
flex-direction: column;
align-items: center;
//min-height: calc(100vh - 2 * var(--section-padding));
padding: var(--section-padding) 6rem;
padding: 0 6rem;
h2{
margin: 0;
text-align: center;

691
src/assets/styles/fonts.scss
View File

@@ -1,689 +1,2 @@
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 1500';
src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 1600';
src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 1800 Super';
src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 1700';
src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 2800 Super';
src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 2600';
src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 2700';
src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 2500';
src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 3600';
src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 3500';
src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 3700';
src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 4600';
src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 4500';
src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 3800 Super';
src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 4700';
src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 5600';
src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 5500';
src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 4800 Super';
src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 5700';
src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 6600';
src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 5800 Super';
src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 6500';
src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 6700';
src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 7600';
src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 6800 Super';
src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 8700';
src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 7700';
src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 7800 Super';
src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 9800 Super';
src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 8800 Super';
src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'chonk';
src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
url('3602ChonkWeb-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'chonk';
src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
url('3602ChonkWeb-Regular.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Basis Grotesque Pro';
font-weight: 300;
font-style: normal;
src: url('../fonts/BasisGrotesquePro-Light.eot');
src: url('../fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesquePro-Light.woff2') format('woff2'),
url('../fonts/BasisGrotesquePro-Light.woff') format('woff'),
url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype'),
url('../fonts/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg');
}
@font-face {
font-family: 'Basis Grotesque Pro';
font-weight: normal;
font-style: normal;
src: url('../fonts/BasisGrotesquePro-Regular.eot');
src: url('../fonts/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
url('../fonts/BasisGrotesquePro-Regular.woff') format('woff'),
url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype'),
url('../fonts/BasisGrotesquePro-Regular.svg#BasisGrotesquePro-Regular') format('svg');
}
@font-face {
font-family: 'Basis Grotesque Pro';
font-weight: bold;
font-style: normal;
src: url('../fonts/BasisGrotesquePro-Bold.eot');
src: url('../fonts/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesquePro-Bold.woff2') format('woff2'),
url('../fonts/BasisGrotesquePro-Bold.woff') format('woff'),
url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype'),
url('../fonts/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg');
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-It.eot');
src: local('../fonts/Basis Grotesque Mono Pro Italic'), local('../fonts/BasisGrotesqueMonoPro-It'),
url('../fonts/BasisGrotesqueMonoPro-It.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-It.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-It.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-It.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-LightIt.eot');
src: local('../fonts/Basis Grotesque Mono Pro Light Italic'), local('../fonts/BasisGrotesqueMonoPro-LightIt'),
url('../fonts/BasisGrotesqueMonoPro-LightIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-LightIt.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-LightIt.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-LightIt.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot');
src: local('../fonts/Basis Grotesque Mono Pro Medium Italic'), local('../fonts/BasisGrotesqueMonoPro-MediumIt'),
url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-MediumIt.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-Bold.eot');
src: local('../fonts/Basis Grotesque Mono Pro Bold'), local('../fonts/BasisGrotesqueMonoPro-Bold'),
url('../fonts/BasisGrotesqueMonoPro-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-Bold.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-Bold.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot');
src: local('../fonts/Basis Grotesque Mono Pro Bold Italic'), local('../fonts/BasisGrotesqueMonoPro-BoldIt'),
url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-BoldIt.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-Light.eot');
src: local('../fonts/Basis Grotesque Mono Pro Light'), local('../fonts/BasisGrotesqueMonoPro-Light'),
url('../fonts/BasisGrotesqueMonoPro-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-Light.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-Light.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-Medium.eot');
src: local('../fonts/Basis Grotesque Mono Pro Medium'), local('../fonts/BasisGrotesqueMonoPro-Medium'),
url('../fonts/BasisGrotesqueMonoPro-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-Medium.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-Medium.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-Regular.eot');
src: local('../fonts/Basis Grotesque Mono Pro Regular'), local('../fonts/BasisGrotesqueMonoPro-Regular'),
url('../fonts/BasisGrotesqueMonoPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-Regular.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-Regular.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@import 'fonts/montserrat';
@import 'fonts/basis';

149
src/assets/styles/fonts/basis.scss Normal file
View File

@@ -0,0 +1,149 @@
@font-face {
font-family: 'chonk';
src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
url('3602ChonkWeb-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'chonk';
src: url('3602ChonkWeb-Regular.woff2') format('woff2'),
url('3602ChonkWeb-Regular.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Basis Grotesque Pro';
font-weight: 300;
font-style: normal;
src: url('../fonts/BasisGrotesquePro-Light.eot');
src: url('../fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesquePro-Light.woff2') format('woff2'),
url('../fonts/BasisGrotesquePro-Light.woff') format('woff'),
url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype'),
url('../fonts/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg');
}
@font-face {
font-family: 'Basis Grotesque Pro';
font-weight: normal;
font-style: normal;
src: url('../fonts/BasisGrotesquePro-Regular.eot');
src: url('../fonts/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
url('../fonts/BasisGrotesquePro-Regular.woff') format('woff'),
url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype'),
url('../fonts/BasisGrotesquePro-Regular.svg#BasisGrotesquePro-Regular') format('svg');
}
@font-face {
font-family: 'Basis Grotesque Pro';
font-weight: bold;
font-style: normal;
src: url('../fonts/BasisGrotesquePro-Bold.eot');
src: url('../fonts/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesquePro-Bold.woff2') format('woff2'),
url('../fonts/BasisGrotesquePro-Bold.woff') format('woff'),
url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype'),
url('../fonts/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg');
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-It.eot');
src: local('../fonts/Basis Grotesque Mono Pro Italic'), local('../fonts/BasisGrotesqueMonoPro-It'),
url('../fonts/BasisGrotesqueMonoPro-It.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-It.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-It.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-It.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-LightIt.eot');
src: local('../fonts/Basis Grotesque Mono Pro Light Italic'), local('../fonts/BasisGrotesqueMonoPro-LightIt'),
url('../fonts/BasisGrotesqueMonoPro-LightIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-LightIt.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-LightIt.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-LightIt.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot');
src: local('../fonts/Basis Grotesque Mono Pro Medium Italic'), local('../fonts/BasisGrotesqueMonoPro-MediumIt'),
url('../fonts/BasisGrotesqueMonoPro-MediumIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-MediumIt.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-MediumIt.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-Bold.eot');
src: local('../fonts/Basis Grotesque Mono Pro Bold'), local('../fonts/BasisGrotesqueMonoPro-Bold'),
url('../fonts/BasisGrotesqueMonoPro-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-Bold.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-Bold.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot');
src: local('../fonts/Basis Grotesque Mono Pro Bold Italic'), local('../fonts/BasisGrotesqueMonoPro-BoldIt'),
url('../fonts/BasisGrotesqueMonoPro-BoldIt.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-BoldIt.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-BoldIt.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-Light.eot');
src: local('../fonts/Basis Grotesque Mono Pro Light'), local('../fonts/BasisGrotesqueMonoPro-Light'),
url('../fonts/BasisGrotesqueMonoPro-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-Light.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-Light.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-Medium.eot');
src: local('../fonts/Basis Grotesque Mono Pro Medium'), local('../fonts/BasisGrotesqueMonoPro-Medium'),
url('../fonts/BasisGrotesqueMonoPro-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-Medium.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-Medium.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Basis Grotesque Mono Pro';
src: url('../fonts/BasisGrotesqueMonoPro-Regular.eot');
src: local('../fonts/Basis Grotesque Mono Pro Regular'), local('../fonts/BasisGrotesqueMonoPro-Regular'),
url('../fonts/BasisGrotesqueMonoPro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/BasisGrotesqueMonoPro-Regular.woff2') format('woff2'),
url('../fonts/BasisGrotesqueMonoPro-Regular.woff') format('woff'),
url('../fonts/BasisGrotesqueMonoPro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

810
src/assets/styles/fonts/montserrat.scss Normal file
View File

@@ -0,0 +1,810 @@
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

539
src/assets/styles/fonts/tusker.scss Normal file
View File

@@ -0,0 +1,539 @@
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 1500';
src: url('../fonts/TuskerGrotesk-1500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 1600';
src: url('../fonts/TuskerGrotesk-1600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 1800 Super';
src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-1800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 1700';
src: url('../fonts/TuskerGrotesk-1700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-1700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 2800 Super';
src: url('../fonts/TuskerGrotesk-2800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 2600';
src: url('../fonts/TuskerGrotesk-2600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 2700';
src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 2500';
src: url('../fonts/TuskerGrotesk-2500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-2700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-2700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 3600';
src: url('../fonts/TuskerGrotesk-3600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 3500';
src: url('../fonts/TuskerGrotesk-3500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 3700';
src: url('../fonts/TuskerGrotesk-3700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 4600';
src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 4500';
src: url('../fonts/TuskerGrotesk-4500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-4600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 3800 Super';
src: url('../fonts/TuskerGrotesk-3800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-3800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 4700';
src: url('../fonts/TuskerGrotesk-4700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 5600';
src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 5500';
src: url('../fonts/TuskerGrotesk-5500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 4800 Super';
src: url('../fonts/TuskerGrotesk-4800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-4800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-5600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 5700';
src: url('../fonts/TuskerGrotesk-5700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 6600';
src: url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 5800 Super';
src: url('../fonts/TuskerGrotesk-5800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-5800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 6500';
src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 6700';
src: url('../fonts/TuskerGrotesk-6700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 7600';
src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 6800 Super';
src: url('../fonts/TuskerGrotesk-6800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-6800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-7600Semibold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7600Semibold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 8700';
src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-8700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-8700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 7700';
src: url('../fonts/TuskerGrotesk-7700Bold.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7700Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 7800 Super';
src: url('../fonts/TuskerGrotesk-7800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-7800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 9800 Super';
src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk';
src: url('../fonts/TuskerGrotesk-9800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-9800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Tusker Grotesk 8800 Super';
src: url('../fonts/TuskerGrotesk-8800Super.woff2') format('woff2'),
url('../fonts/TuskerGrotesk-8800Super.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}

9
src/assets/styles/footer.scss
View File

@@ -128,4 +128,13 @@ footer{
grid-template-columns: 1fr;
grid-template-rows: auto;
}
footer .footer__content {
flex-direction: column;
.header{
margin: 2.5rem 5rem;
}
.groups > li{
padding: 2.5rem 5rem;
}
}
}

5
src/assets/styles/infographics.scss
View File

@@ -9,14 +9,15 @@ section#infographics{
align-items: center;
gap: 3rem;
padding: 6rem;
outline: 1px solid rgba(255,255,255,0);
svg{
width: 110%;
}
&:first-child{
background-color: black;
}
&:last-child{
background-color: white;
margin-top: 3rem;
svg{
width: 80%;
}

76
src/assets/styles/landing.scss
View File

@@ -57,8 +57,13 @@ section {
fill: var(--c-bkg);
}
.inverse{
box-shadow: rgb(0 0 0 / 60%) 0 3rem 3rem;
[class*="section--"]{
box-shadow: rgb(0 0 0 / 50%) 0 3rem 3rem;
}
.section--inverse{
background-color: rgba(255,255,255,0.2);
backdrop-filter: blur(1rem);
h1, p {
color: var(--c-bkg);
}
@@ -70,6 +75,16 @@ section {
}
}
.section--subtle{
background-color: rgba(0,0,0,0.2);
backdrop-filter: blur(1rem);
}
.section--bold{
background-color: rgba(239,75,99,0.2);
backdrop-filter: blur(1rem);
}
.line svg{
@@ -165,25 +180,68 @@ p {
em {
font-style: normal;
color: var(--c-text-accent);
font-weight: 400;
font-weight: 600;
}
}
a.btn {
position: relative;
padding: 0.4rem 2rem;
background-color: var(--c-text-accent);
transform: rotateX(10deg);
color: var(--c-text-bright);
border-color: var(--c-3d-shadow);
border-width: 1px 1px 15px 1px;
border-style: solid;
border: 0;
font-family: var(--f-accent);
font-weight: 500;
text-transform: uppercase;
font-size: 1.6rem;
text-decoration: none;
}
transform-style: preserve-3d;
&:hover{
transform: rotateX(30deg);
&::before {
box-shadow: inset 0 1rem 1rem -0.5rem rgb(0 0 0 / 50%);
}
}
&::before {
content: '';
position: absolute;
background-color: var(--c-text-accent);
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
transition: var(--t-simple);
}
&::after {
content: '';
position: absolute;
background-color: var(--c-3d-shadow);
display: block;
left: 0;
right: 0;
height: 1rem;
z-index: -1;
transform: rotateX(90deg);
box-shadow: inset 0 0.3rem 0.5rem 0rem rgb(0 0 0 / 50%);
}
&.btn--subtle{
color: var(--c-6);
font-size: 1.2rem;
&::before {
background-color: white;
}
&::after {
background-color: #eee;
}
}
}
.nodes {
display: flex;

47
src/assets/styles/main.scss
View File

@@ -81,10 +81,12 @@ body{
main{
//transform: translateY(-100vh);
perspective: 1000px;
}
a {
text-decoration: none;
transition: var(--t-simple);
}
h1, h2, h3, h4, h5 {
@@ -109,17 +111,31 @@ header{
width: 100vw;
z-index: 2;
top:0;
.header__logo{
opacity: 0;
filter: blur(10px);
margin-top: -.9rem;
margin-bottom: -1rem;
margin-left: 1rem;
height: fit-content;
img{
width:8rem;
}
}
}
nav{
--padding: 1rem;
width: calc(100% - 2 * var(--padding) - 15px);
//width: calc(100% - 2 * var(--padding) - 15px);
width: 100vw;
box-sizing: border-box;
font-family: var(--f-accent);
font-weight: 300;
line-height: 1;
text-transform: uppercase;
padding: var(--padding);
display: flex;
justify-content: end;
justify-content: space-between;
ul {
margin: 0;
@@ -133,8 +149,14 @@ nav{
font-size: 1.5rem;
padding: 0em 0.5em 0em 0.5em;
path {
fill: var(--c-text-bright);
transition: var(--t-simple);
}
&.em{
background-color: var(--c-text-accent);
margin-right: 1rem;
&:hover{
color: var(--c-text-accent);
background-color: var(--c-text-bright);
@@ -142,6 +164,9 @@ nav{
}
&:hover{
color: var(--c-text-accent);
path {
fill: var(--c-text-accent);
}
}
}
}
@@ -168,6 +193,7 @@ nav{
transform: translateX(3rem);
//overflow: hidden;
white-space: nowrap;
//margin-left: -1rem;
}
.closed-menu {
//overflow: hidden;
@@ -190,4 +216,21 @@ nav{
position: absolute;
top: 5rem;
opacity: .5;
}
@media only screen and (max-width: 500px) {
.header__logo img{
width: 11rem !important;
}
.hide-on-mobile{
display: none;
}
nav ul li a {
font-size: 2.5rem;
}
}
.image-with-shadow{
display: flex;
position: relative;
}

5
src/assets/styles/peripheral.scss
View File

@@ -6,6 +6,11 @@ main {
overflow-x: clip;
}
.header__logo{
opacity: 1 !important;
filter: blur(0px) !important;
}
section {
--width: 42ch;
--side-padding: 3rem;

23
src/assets/styles/powered-by.scss
View File

@@ -2,7 +2,7 @@ section#powered-by {
display: flex;
flex-direction: column;
align-items: center;
padding: 6rem;
padding: 0rem 6rem 0 6rem;
h2{
margin: 0;
text-align: center;
@@ -52,6 +52,27 @@ section#powered-by {
}
svg {
width: 45rem;
max-width: calc(100vw - 12rem);
margin-top: 6rem;
}
a.source-link{
margin-top: 5rem;
display: flex;
align-items: center;
font-size: 2rem;
font-weight: 500;
color: var(--c-text-bright);
line-height: 1;
gap: 1rem;
margin-bottom: -2rem;
img{
width: 10rem;
}
span{
background-color: var(--c-text-accent);
border-radius: 999px;
padding: .15em .6em;
}
}
}

14
src/assets/styles/products.scss
View File

@@ -1,9 +1,13 @@
section#products {
transform-style: preserve-3d;
display: flex;
align-items: center;
justify-content: center;
gap: 0rem;
.subsection {
transform-style: preserve-3d;
position: relative;
.product__subheader{
font-weight: 500;
color: var(--c-text-primary);
@@ -68,4 +72,14 @@ section#products {
background: linear-gradient(45deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.25));
}
}
&::after{
content: '';
left:0;
right:0;
display: block;
background-color: blue;
transform: rotateX(90deg);
height: 4rem;
z-index: -1;
}
}

1
src/assets/styles/support.scss
View File

@@ -3,7 +3,6 @@ section#support {
flex-direction: column;
align-items: center;
padding: 6rem;
background: var(--c-1);
//margin-bottom: 6rem;
.cols {
display: flex;