mirror of
https://github.com/Start9Labs/start9.com.git
synced 2026-03-30 20:14:50 +00:00
subtle animations; css tweaks; added monsterrat;
This commit is contained in:
Spencer Flagg
@@ -1 +1 @@
|
|||||||
[{"ff7bff157a8a33917f958b9cab3878":"1"},{"cachedAt":1663148524558,"type":"2"},"json"]
|
[{"ff7bff157a8a33917f958b9cab3878":"1"},{"cachedAt":1663441105837,"type":"2"},"json"]
|
||||||
@@ -17,7 +17,7 @@
|
|||||||
"url": "https://start9.com/latest/contribute/index",
|
"url": "https://start9.com/latest/contribute/index",
|
||||||
"target": "",
|
"target": "",
|
||||||
"order": 1,
|
"order": 1,
|
||||||
"class": ""
|
"class": "hide-on-mobile"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -124,6 +124,14 @@
|
|||||||
"order": 0,
|
"order": 0,
|
||||||
"class": ""
|
"class": ""
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"name": "FAQ",
|
||||||
|
"slug": "faq",
|
||||||
|
"url": "https://start9.com/latest/support/faq/",
|
||||||
|
"target": "",
|
||||||
|
"order": 0,
|
||||||
|
"class": ""
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"name": "Docs",
|
"name": "Docs",
|
||||||
"slug": "docs",
|
"slug": "docs",
|
||||||
|
|||||||
@@ -86,7 +86,7 @@
|
|||||||
"name": "Lightning Terminal",
|
"name": "Lightning Terminal",
|
||||||
"slug": "lightning-terminal",
|
"slug": "lightning-terminal",
|
||||||
"description": "",
|
"description": "",
|
||||||
"categories": ["lightning", "plebnet-tools"],
|
"categories": ["lightning"],
|
||||||
"pseudoservices": []
|
"pseudoservices": []
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -135,7 +135,7 @@
|
|||||||
"name": "Thunderhub",
|
"name": "Thunderhub",
|
||||||
"slug": "thunderhub",
|
"slug": "thunderhub",
|
||||||
"description": "",
|
"description": "",
|
||||||
"categories": ["bitcoin", "lightning"],
|
"categories": ["bitcoin"],
|
||||||
"pseudoservices": ["paypal","coinbase"]
|
"pseudoservices": ["paypal","coinbase"]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@@ -1,5 +1,6 @@
|
|||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
|
<a class="header__logo" href="/"><img src="../assets/images/start9_logo.png" alt=""></a>
|
||||||
<ul>
|
<ul>
|
||||||
{% for group in menu|selectattr("inHeader") %}
|
{% for group in menu|selectattr("inHeader") %}
|
||||||
{% for item in group.items %}
|
{% for item in group.items %}
|
||||||
|
|||||||
@@ -4,27 +4,27 @@
|
|||||||
<h1>Become Bitcoin</h1>
|
<h1>Become Bitcoin</h1>
|
||||||
<p>
|
<p>
|
||||||
<em>Don't trust, verify.</em>
|
<em>Don't trust, verify.</em>
|
||||||
<br>Run a full Bitcoin node to verify transactions and enforce the consensus rules you choose.</p>
|
<br/>Run a full Bitcoin node to verify transactions and enforce the consensus rules you choose.</p>
|
||||||
<a class="btn" href="">why host a bitcoin node?</a>
|
<a class="btn btn--subtle" target="_blank" href="https://bitcoinmagazine.com/culture/six-reasons-you-should-run-bitcoin-node">why host a bitcoin node?</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="subsection">
|
<div class="subsection">
|
||||||
<h1>Become Lightning</h1>
|
<h1>Become Lightning</h1>
|
||||||
<p>
|
<p>
|
||||||
<em>Not your keys, not your coins.</em>
|
<em>Not your keys, not your coins.</em>
|
||||||
<br>Run a Lightning node to take full control and custody over your Bitcoin on Lightning.</p>
|
<br/>Run a Lightning node to take full control and custody over your Bitcoin on Lightning.</p>
|
||||||
<a class="btn" href="">why host a lightning node?</a>
|
<a class="btn btn--subtle" target="_blank" href="">why host a lightning node?</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="flying-icons">
|
<div id="flying-icons">
|
||||||
{% for service in services %}
|
{% for service in services %}
|
||||||
{% for category in service.categories %}
|
{% for category in service.categories %}
|
||||||
{% if (category == "bitcoin") or (category == "lightning") or (category == "plebnet-tools") %}
|
{% if (category == "bitcoin") or (category == "lightning") or (category == "plebnet-tools") %}
|
||||||
<img
|
<img
|
||||||
class="service-icon service-icon--{{ service.slug }}"
|
class="service-icon service-icon--{{ service.slug }}"
|
||||||
src="../assets/images/service-icons/{{ service.slug }}.png"
|
src="../assets/images/service-icons/{{ service.slug }}.png"
|
||||||
alt="">
|
alt=""/>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
{% include "components/svg/grid_blend_bottom.svg" %}
|
{% include "components/svg/grid_blend_bottom.svg" %}
|
||||||
</section>
|
</section>
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
<section id="dev">
|
<section id="dev">
|
||||||
<h1>Package a service</h1>
|
<h1>Package a <em>service</em></h1>
|
||||||
<div class="cols">
|
<div class="cols">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
|||||||
@@ -1,14 +1,34 @@
|
|||||||
<section id="infographics">
|
<section id="infographics">
|
||||||
<div class="subsection">
|
<div class="subsection section--subtle">
|
||||||
<h1>The problem is <em>trust</em></h1>
|
<h1>The problem is
|
||||||
<p><em>Whoever controls your data, controls you.</em> App companies can see your pictures, read your documents, listen to your conversations, track your location, sell your private information, permanently delete your data, or cut you off at any time. Even if the companies behind these apps are not malicious, they are prime targets for hackers and are vulnerable to political winds.</p>
|
<em>trust</em>
|
||||||
|
</h1>
|
||||||
|
<p>
|
||||||
|
<em>Whoever controls your data, controls you.</em>
|
||||||
|
App companies can see your pictures, read your documents, listen to your conversations, track your location, sell your
|
||||||
|
private information, permanently delete your data, or cut you off at any time. Even if the companies behind these apps
|
||||||
|
are not malicious, they are prime targets for hackers and are vulnerable to political winds.</p>
|
||||||
|
{# <div class="image-with-shadow">
|
||||||
|
{% include "components/svg/big-tech-network-diagram.svg" %}
|
||||||
|
<div class="img-shadow">{% include "components/svg/big-tech-network-diagram.svg" %}</div>
|
||||||
|
</div> #}
|
||||||
{% include "components/svg/big-tech-network-diagram.svg" %}
|
{% include "components/svg/big-tech-network-diagram.svg" %}
|
||||||
</div>
|
</div>
|
||||||
<div class="subsection inverse">
|
<div class="subsection section--bold">
|
||||||
<h1>Take back <em>control</em></h1>
|
<h1>Take back
|
||||||
<p>The only way to be free is to cut out the middle men and take control of your data by running a personal server.
|
<em>control</em>
|
||||||
<br><br>
|
</h1>
|
||||||
In the past, running a server was only possible for highly technical people or those who could afford to hire them; namely software developers, corporations, wealthy individuals, and politicians. <em>Start9 levels the playing field</em> by making it possible for the rest of us.</p>
|
<p>The only way to be free is to cut out the middle men and take control of your data by running a personal server.
|
||||||
{% include "components/svg/embassyos-network-diagram.svg" %}
|
<br>
|
||||||
</div>
|
<br>
|
||||||
</section>
|
In the past, running a server was only possible for highly technical people or those who could afford to hire them;
|
||||||
|
namely software developers, corporations, wealthy individuals, and politicians.
|
||||||
|
<em>Start9 levels the playing field</em>
|
||||||
|
by making it possible for the rest of us.</p>
|
||||||
|
{# <div class="image-with-shadow">
|
||||||
|
{% include "components/svg/embassyos-network-diagram.svg" %}
|
||||||
|
<div class="img-shadow">{% include "components/svg/embassyos-network-diagram.svg" %}</div>
|
||||||
|
</div> #}
|
||||||
|
{% include "components/svg/embassyos-network-diagram.svg" %}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@@ -9,6 +9,14 @@
|
|||||||
EmbassyOS (EOS) is a browser-based, graphical operating system for a personal server, designed to turn anyone into a
|
EmbassyOS (EOS) is a browser-based, graphical operating system for a personal server, designed to turn anyone into a
|
||||||
system’s administrator capable of managing their own server.
|
system’s administrator capable of managing their own server.
|
||||||
</p>
|
</p>
|
||||||
{% include "components/svg/stack.svg" %}
|
<div class="image-with-shadow">
|
||||||
<a href=""><img src="" alt="">check out the <span>source code</span></a>
|
{% include "components/svg/stack.svg" %}
|
||||||
|
<div class="img-shadow">{% include "components/svg/stack.svg" %}</div>
|
||||||
|
</div>
|
||||||
|
<a class="source-link" href="https://github.com/Start9Labs" target="_blank">
|
||||||
|
<div class="image-with-shadow">
|
||||||
|
<img src="../assets/images/code1.png" alt=""/>
|
||||||
|
<img class="img-shadow" src="../assets/images/code1.png" alt=""/>
|
||||||
|
</div>
|
||||||
|
check out the <span>source code</span></a>
|
||||||
</section>
|
</section>
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
<section id="support" style="background-color: black;">
|
<section id="support" class="section--subtle">
|
||||||
<h1>get
|
<h1>get
|
||||||
<em>help</em>
|
<em>help</em>
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@@ -1,3 +1,3 @@
|
|||||||
<svg viewBox="0 0 28 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg viewBox="0 0 28 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M13.8706 18.957H0.370605V15.957H13.8706V18.957ZM27.3706 11.457H0.370605V8.45703H27.3706V11.457ZM27.3706 3.95703H13.8706V0.957031H27.3706V3.95703Z" fill="white"/>
|
<path d="M13.8706 18.957H0.370605V15.957H13.8706V18.957ZM27.3706 11.457H0.370605V8.45703H27.3706V11.457ZM27.3706 3.95703H13.8706V0.957031H27.3706V3.95703Z" />
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 251 B After Width: | Height: | Size: 239 B |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
Normal file
BIN
src/assets/fonts/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
Normal file
Binary file not shown.
93
src/assets/fonts/montserrat/v25/OFL.txt
Normal file
93
src/assets/fonts/montserrat/v25/OFL.txt
Normal file
@@ -0,0 +1,93 @@
|
|||||||
|
Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat)
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 9.1 KiB |
BIN
src/assets/images/service-icons/bitcoind.png~
Normal file
BIN
src/assets/images/service-icons/bitcoind.png~
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 23 KiB |
BIN
src/assets/images/service-icons/specter.png~
Normal file
BIN
src/assets/images/service-icons/specter.png~
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
@@ -34,6 +34,10 @@ const bitcoinServices = [
|
|||||||
"thunderhub",
|
"thunderhub",
|
||||||
];
|
];
|
||||||
|
|
||||||
|
//const defaultActions = "restart none none reverse";
|
||||||
|
const defaultActions = "play none none none"; //onEnter, onLeave, onEnterBack, and onLeaveBack
|
||||||
|
// "play", "pause", "resume", "reset", "restart", "complete", "reverse", and "none".
|
||||||
|
|
||||||
//////////////////////////////////////////
|
//////////////////////////////////////////
|
||||||
// AUTO APPLY URL ANCHORS
|
// AUTO APPLY URL ANCHORS
|
||||||
|
|
||||||
@@ -89,12 +93,20 @@ function closeMenu(e) {
|
|||||||
// HERO
|
// HERO
|
||||||
|
|
||||||
gsap.from("#hero-image", {
|
gsap.from("#hero-image", {
|
||||||
duration: 0.5,
|
duration: 1,
|
||||||
y: "-10rem",
|
//y: "-10rem",
|
||||||
|
scale: 0.95,
|
||||||
opacity: 0,
|
opacity: 0,
|
||||||
|
filter: "blur(10px)",
|
||||||
delay: 0.5,
|
delay: 0.5,
|
||||||
});
|
});
|
||||||
gsap.from("#logo", { duration: 0.5, y: "-5rem", opacity: 0, delay: 0.75 });
|
gsap.from("#logo", {
|
||||||
|
duration: 0.5,
|
||||||
|
y: "-5rem",
|
||||||
|
opacity: 0,
|
||||||
|
delay: 1.25,
|
||||||
|
//ease: "in-out"
|
||||||
|
});
|
||||||
//gsap.config({trialWarn: false});
|
//gsap.config({trialWarn: false});
|
||||||
|
|
||||||
// create the smooth scroller FIRST!
|
// create the smooth scroller FIRST!
|
||||||
@@ -108,6 +120,10 @@ gsap.from("#logo", { duration: 0.5, y: "-5rem", opacity: 0, delay: 0.75 });
|
|||||||
// backdrop-filter: blur(10px);
|
// backdrop-filter: blur(10px);
|
||||||
//background-color: rgba(0,0,0,0.1);
|
//background-color: rgba(0,0,0,0.1);
|
||||||
|
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
|
// HEADER
|
||||||
|
|
||||||
gsap.to("header", {
|
gsap.to("header", {
|
||||||
duration: 0.5,
|
duration: 0.5,
|
||||||
backgroundColor: "rgba(0,0,0,0.1)",
|
backgroundColor: "rgba(0,0,0,0.1)",
|
||||||
@@ -120,23 +136,18 @@ gsap.to("header", {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
//////////////////////////////////////////
|
gsap.to(".header__logo", {
|
||||||
// PITCH
|
|
||||||
|
|
||||||
gsap.from("#pitch h1", {
|
|
||||||
duration: 0.5,
|
duration: 0.5,
|
||||||
y: "5rem",
|
opacity: "1",
|
||||||
scale: 0.8,
|
filter: "blur(0px)",
|
||||||
opacity: 0,
|
scrollTrigger: {
|
||||||
delay: 0.75,
|
trigger: "#hero-image",
|
||||||
scrollTrigger: "#pitch h1",
|
scrub: true,
|
||||||
|
start: "center top", // "triggerElement page"
|
||||||
|
end: "bottom top", // "triggerElement page"
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
// gsap.from("#xyz", {
|
|
||||||
// duration: 1, drawSVG: "false",
|
|
||||||
// scrollTrigger: '#xyz'
|
|
||||||
// })
|
|
||||||
|
|
||||||
gsap.from("#hero-to-pitch path:first-child", {
|
gsap.from("#hero-to-pitch path:first-child", {
|
||||||
drawSVG: 0,
|
drawSVG: 0,
|
||||||
ease: "none",
|
ease: "none",
|
||||||
@@ -145,6 +156,51 @@ gsap.from("#hero-to-pitch path:first-child", {
|
|||||||
scrub: true,
|
scrub: true,
|
||||||
start: "top center", // "triggerElement page"
|
start: "top center", // "triggerElement page"
|
||||||
end: "bottom center", // "triggerElement page"
|
end: "bottom center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
|
// PITCH
|
||||||
|
|
||||||
|
gsap.from("#pitch", {
|
||||||
|
duration: 0.5,
|
||||||
|
y: "5rem",
|
||||||
|
scale: 0.9,
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#pitch",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
|
// PRODUCTS
|
||||||
|
|
||||||
|
gsap.from("#products .subsection:nth-child(1)", {
|
||||||
|
duration: 0.5,
|
||||||
|
opacity: 0,
|
||||||
|
outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
//filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#products",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
gsap.from("#products .subsection:nth-child(2)", {
|
||||||
|
duration: 0.5,
|
||||||
|
delay: 0.25,
|
||||||
|
opacity: 0,
|
||||||
|
outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
//filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#products",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -181,8 +237,70 @@ gsap.from("#products-to-info path:nth-child(3)", {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
|
// INFOGRAPHICS
|
||||||
|
|
||||||
|
gsap.from("#infographics .subsection:nth-child(1)", {
|
||||||
|
duration: 0.5,
|
||||||
|
//y: "5rem",
|
||||||
|
//scale: 0.8,
|
||||||
|
//rotateX: 15,
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
//filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#infographics .subsection:nth-child(1)",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
gsap.from("#infographics .subsection:nth-child(2)", {
|
||||||
|
duration: 0.5,
|
||||||
|
//y: "5rem",
|
||||||
|
//scale: 0.8,
|
||||||
|
//rotateX: 15,
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
//filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#infographics .subsection:nth-child(2)",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
// BITCOIN
|
// BITCOIN
|
||||||
|
|
||||||
|
gsap.from("#bitcoin .subsection:nth-of-type(1)", {
|
||||||
|
duration: 1,
|
||||||
|
opacity: 0,
|
||||||
|
//outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
filter: "blur(10px)",
|
||||||
|
y: "5rem",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#bitcoin .subsection:nth-of-type(1)",
|
||||||
|
start: "top bottom", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
gsap.from("#bitcoin .subsection:nth-of-type(2)", {
|
||||||
|
duration: 1,
|
||||||
|
opacity: 0,
|
||||||
|
//outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
filter: "blur(10px)",
|
||||||
|
y: "-5rem",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#bitcoin .subsection:nth-of-type(2)",
|
||||||
|
start: "top bottom", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
function getRandomInt(min, max) {
|
function getRandomInt(min, max) {
|
||||||
min = Math.ceil(min);
|
min = Math.ceil(min);
|
||||||
max = Math.floor(max);
|
max = Math.floor(max);
|
||||||
@@ -240,19 +358,59 @@ bitcoinServices.forEach((service) => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
gsap.from("#bitcoin-to-be path", {
|
gsap.from("#bitcoin-to-be path:first-child", {
|
||||||
drawSVG: 0,
|
drawSVG: 0,
|
||||||
ease: "none",
|
ease: "none",
|
||||||
scrollTrigger: {
|
scrollTrigger: {
|
||||||
trigger: "#bitcoin-to-be path",
|
trigger: "#bitcoin-to-be",
|
||||||
scrub: true,
|
scrub: true,
|
||||||
start: "top center",
|
start: "top center",
|
||||||
end: "bottom center",
|
end: "bottom center",
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
// BE YOUR OWN
|
// BE YOUR OWN
|
||||||
|
|
||||||
|
gsap.from("#be-your-own h1", {
|
||||||
|
duration: 0.5,
|
||||||
|
y: "5rem",
|
||||||
|
//scale: 0.8,
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#be-your-own",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
gsap.from("#be-your-own p", {
|
||||||
|
duration: .5,
|
||||||
|
y: "5rem",
|
||||||
|
filter: "blur(10px)",
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#be-your-own h1",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
gsap.from("#be-your-own #ticker", {
|
||||||
|
duration: 1.5,
|
||||||
|
filter: "blur(20px)",
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#be-your-own #ticker",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
let pseudoserviceArray = gsap.utils.toArray(".pseudoservice"),
|
let pseudoserviceArray = gsap.utils.toArray(".pseudoservice"),
|
||||||
next = 3, // time to change
|
next = 3, // time to change
|
||||||
itemHeight = document
|
itemHeight = document
|
||||||
@@ -275,6 +433,7 @@ function crossfade() {
|
|||||||
var action = gsap
|
var action = gsap
|
||||||
.timeline()
|
.timeline()
|
||||||
.to(pseudoserviceArray, {
|
.to(pseudoserviceArray, {
|
||||||
|
id: "thunk",
|
||||||
y: "-=" + itemHeight,
|
y: "-=" + itemHeight,
|
||||||
duration: 1,
|
duration: 1,
|
||||||
ease: kerplunk2,
|
ease: kerplunk2,
|
||||||
@@ -306,6 +465,14 @@ function crossfade() {
|
|||||||
// start the crossfade after next = 3 sec
|
// start the crossfade after next = 3 sec
|
||||||
gsap.delayedCall(next, crossfade);
|
gsap.delayedCall(next, crossfade);
|
||||||
|
|
||||||
|
document.querySelector(".services").addEventListener("mouseenter", pauseThunk);
|
||||||
|
// TODO: pause not working - Id not found
|
||||||
|
function pauseThunk () {
|
||||||
|
console.log('asfd')
|
||||||
|
gsap.getById("thunk").kill();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// CAROUSEL
|
// CAROUSEL
|
||||||
|
|
||||||
var slideDelay = 1.5;
|
var slideDelay = 1.5;
|
||||||
@@ -353,10 +520,10 @@ nextButton.addEventListener("click", function () {
|
|||||||
animateSlides(-1);
|
animateSlides(-1);
|
||||||
});
|
});
|
||||||
|
|
||||||
function updateDraggable() {
|
// function updateDraggable() {
|
||||||
slideAnimation.kill();
|
// slideAnimation.kill();
|
||||||
this.update();
|
// this.update();
|
||||||
}
|
// }
|
||||||
|
|
||||||
function animateSlides(direction) {
|
function animateSlides(direction) {
|
||||||
slideAnimation.kill();
|
slideAnimation.kill();
|
||||||
@@ -396,19 +563,6 @@ function resize() {
|
|||||||
slideAnimation.progress(1);
|
slideAnimation.progress(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
gsap.from("#bitcoin-to-be path", {
|
|
||||||
drawSVG: 0,
|
|
||||||
ease: "none",
|
|
||||||
scrollTrigger: {
|
|
||||||
trigger: "#bitcoin-to-be path",
|
|
||||||
scrub: true,
|
|
||||||
start: "top center",
|
|
||||||
end: "bottom center",
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
gsap.from("#be-to-powered path", {
|
gsap.from("#be-to-powered path", {
|
||||||
drawSVG: 0,
|
drawSVG: 0,
|
||||||
ease: "none",
|
ease: "none",
|
||||||
@@ -420,6 +574,49 @@ gsap.from("#be-to-powered path", {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
|
// POWERED
|
||||||
|
|
||||||
|
gsap.from("#powered-by h1", {
|
||||||
|
duration: 0.5,
|
||||||
|
y: "-5rem",
|
||||||
|
//scale: 0.8,
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#powered-by h1",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
gsap.from("#powered-by p", {
|
||||||
|
duration: .5,
|
||||||
|
//y: "-10rem",
|
||||||
|
filter: "blur(10px)",
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#powered-by h1",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
gsap.from("#powered-by svg", {
|
||||||
|
duration: 1,
|
||||||
|
//y: "-10rem",
|
||||||
|
filter: "blur(20px)",
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#powered-by svg",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
gsap.from("#powered-to-support path", {
|
gsap.from("#powered-to-support path", {
|
||||||
drawSVG: 0,
|
drawSVG: 0,
|
||||||
ease: "none",
|
ease: "none",
|
||||||
@@ -431,6 +628,25 @@ gsap.from("#powered-to-support path", {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
|
// SUPPORT
|
||||||
|
|
||||||
|
gsap.from("#support", {
|
||||||
|
duration: 0.5,
|
||||||
|
//y: "5rem",
|
||||||
|
//scale: 0.8,
|
||||||
|
//rotateX: 15,
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
//filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#support",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
gsap.from("#support-to-dev path", {
|
gsap.from("#support-to-dev path", {
|
||||||
drawSVG: 0,
|
drawSVG: 0,
|
||||||
ease: "none",
|
ease: "none",
|
||||||
@@ -442,6 +658,57 @@ gsap.from("#support-to-dev path", {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
|
// DEV
|
||||||
|
|
||||||
|
gsap.from("#dev", {
|
||||||
|
duration: 0.5,
|
||||||
|
//y: "5rem",
|
||||||
|
scale: 0.8,
|
||||||
|
//rotateX: 15,
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
//outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#dev",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
gsap.from("#dev .col:nth-child(1)", {
|
||||||
|
duration: 0.5,
|
||||||
|
x: "5rem",
|
||||||
|
//scale: 0.8,
|
||||||
|
//rotateX: 15,
|
||||||
|
opacity: 0,
|
||||||
|
delay: 0.5,
|
||||||
|
//outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#dev",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
gsap.from("#dev .col:nth-child(2)", {
|
||||||
|
duration: 0.5,
|
||||||
|
x: "-5rem",
|
||||||
|
scale: 0.5,
|
||||||
|
//rotateX: 15,
|
||||||
|
opacity: 0,
|
||||||
|
delay: .75,
|
||||||
|
//outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#dev",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
gsap.from("#dev-to-contact path", {
|
gsap.from("#dev-to-contact path", {
|
||||||
drawSVG: 0,
|
drawSVG: 0,
|
||||||
ease: "none",
|
ease: "none",
|
||||||
@@ -453,7 +720,24 @@ gsap.from("#dev-to-contact path", {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
//////////////////////////////////////////
|
||||||
|
// CONTACT
|
||||||
|
|
||||||
|
gsap.from("#community", {
|
||||||
|
duration: 0.5,
|
||||||
|
//y: "5rem",
|
||||||
|
scale: 0.8,
|
||||||
|
//rotateX: 15,
|
||||||
|
opacity: 0,
|
||||||
|
//delay: 0.75,
|
||||||
|
//outline: "1px solid rgba(255,255,255,1)",
|
||||||
|
filter: "blur(10px)",
|
||||||
|
scrollTrigger: {
|
||||||
|
trigger: "#community",
|
||||||
|
start: "top center", // "triggerElement page"
|
||||||
|
toggleActions: defaultActions
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
//Librarys
|
//Librarys
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 6rem;
|
gap: 6rem;
|
||||||
//margin: 0 0 6rem 0;
|
//margin: 0 0 6rem 0;
|
||||||
padding: 0 6rem 6rem 6rem;
|
padding: 0 6rem 0 6rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
@@ -67,6 +67,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.services{
|
.services{
|
||||||
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(3 * var(--line));
|
top: calc(3 * var(--line));
|
||||||
background-color: #353535;
|
background-color: #353535;
|
||||||
|
|||||||
@@ -61,10 +61,13 @@ section#bitcoin {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.subsection:first-of-type {
|
.subsection:first-of-type {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
place-self: flex-start;
|
place-self: flex-start;
|
||||||
margin-bottom: 6rem;
|
margin-bottom: 6rem;
|
||||||
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
.subsection:last-of-type {
|
.subsection:nth-of-type(2) {
|
||||||
place-self: flex-end;
|
place-self: flex-end;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
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{
|
#flying-icons{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -89,6 +85,7 @@ section#bitcoin {
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-icon {
|
.service-icon {
|
||||||
@@ -101,62 +98,69 @@ section#bitcoin {
|
|||||||
mix-blend-mode: soft-light;
|
mix-blend-mode: soft-light;
|
||||||
box-shadow: 0 37px 50px rgb(0 0 0 / 20%);
|
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 {
|
&.service-icon--balanceofsatoshis {
|
||||||
width: 5rem;
|
width: 5rem;
|
||||||
|
z-index: -8;
|
||||||
}
|
}
|
||||||
&.service-icon--bitcoind {
|
&.service-icon--bitcoind {
|
||||||
width: auto;
|
width: 15rem;
|
||||||
}
|
}
|
||||||
&.service-icon--btc-rpc-proxy {
|
&.service-icon--btc-rpc-proxy {
|
||||||
width: 9rem;
|
width: 9rem;
|
||||||
|
z-index: -4;
|
||||||
}
|
}
|
||||||
&.service-icon--btcpay-server {
|
&.service-icon--btcpayserver {
|
||||||
width: 6rem;
|
width: 6rem;
|
||||||
|
z-index: -7;
|
||||||
}
|
}
|
||||||
&.service-icon--c-lightning {
|
&.service-icon--c-lightning {
|
||||||
width: auto;
|
width: 15rem;
|
||||||
}
|
}
|
||||||
&.service-icon--electrs {
|
&.service-icon--electrs {
|
||||||
width: 7rem;
|
width: 7rem;
|
||||||
|
background-color: var(--c-1);
|
||||||
|
padding: 1rem;
|
||||||
|
z-index: -6;
|
||||||
}
|
}
|
||||||
&.service-icon--lightning-jet {
|
&.service-icon--lightning-jet {
|
||||||
width: 6rem;
|
width: 6rem;
|
||||||
|
z-index: -7;
|
||||||
}
|
}
|
||||||
&.service-icon--lnd {
|
&.service-icon--lnd {
|
||||||
width: 10rem;
|
width: 10rem;
|
||||||
|
z-index: -3;
|
||||||
}
|
}
|
||||||
&.service-icon--lightning-terminal {
|
&.service-icon--lightning-terminal {
|
||||||
width: 7rem;
|
width: 7rem;
|
||||||
|
z-index: -6;
|
||||||
}
|
}
|
||||||
&.service-icon--lndg {
|
&.service-icon--lndg {
|
||||||
width: 9rem;
|
width: 9rem;
|
||||||
|
z-index: -4;
|
||||||
}
|
}
|
||||||
&.service-icon--mempool {
|
&.service-icon--mempool {
|
||||||
width: 8rem;
|
width: 8rem;
|
||||||
|
z-index: -5;
|
||||||
}
|
}
|
||||||
&.service-icon--ride-the-lightning {
|
&.service-icon--ride-the-lightning {
|
||||||
width: 8rem;
|
width: 8rem;
|
||||||
|
z-index: -5;
|
||||||
}
|
}
|
||||||
&.service-icon--spark-wallet {
|
&.service-icon--spark-wallet {
|
||||||
width: 7rem;
|
width: 7rem;
|
||||||
|
z-index: -6;
|
||||||
}
|
}
|
||||||
&.service-icon--specter {
|
&.service-icon--specter {
|
||||||
width: 5rem;
|
width: 5rem;
|
||||||
|
z-index: -8;
|
||||||
}
|
}
|
||||||
&.service-icon--sphinx-relay {
|
&.service-icon--sphinx-relay {
|
||||||
width: 6rem;
|
width: 6rem;
|
||||||
|
z-index: -7;
|
||||||
}
|
}
|
||||||
&.service-icon--thunderhub {
|
&.service-icon--thunderhub {
|
||||||
width: 5rem;
|
width: 5rem;
|
||||||
|
z-index: -8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,7 +2,8 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
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"] {
|
input[type="email"] {
|
||||||
width: 31ch;
|
width: 31ch;
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
//min-height: calc(100vh - 2 * var(--section-padding));
|
//min-height: calc(100vh - 2 * var(--section-padding));
|
||||||
padding: var(--section-padding) 6rem;
|
padding: 0 6rem;
|
||||||
h2{
|
h2{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@@ -1,689 +1,2 @@
|
|||||||
@font-face {
|
@import 'fonts/montserrat';
|
||||||
font-family: 'Tusker Grotesk';
|
@import 'fonts/basis';
|
||||||
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;
|
|
||||||
}
|
|
||||||
149
src/assets/styles/fonts/basis.scss
Normal file
149
src/assets/styles/fonts/basis.scss
Normal 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
810
src/assets/styles/fonts/montserrat.scss
Normal 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
539
src/assets/styles/fonts/tusker.scss
Normal 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;
|
||||||
|
}
|
||||||
@@ -128,4 +128,13 @@ footer{
|
|||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-template-rows: auto;
|
grid-template-rows: auto;
|
||||||
}
|
}
|
||||||
|
footer .footer__content {
|
||||||
|
flex-direction: column;
|
||||||
|
.header{
|
||||||
|
margin: 2.5rem 5rem;
|
||||||
|
}
|
||||||
|
.groups > li{
|
||||||
|
padding: 2.5rem 5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -9,14 +9,15 @@ section#infographics{
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 3rem;
|
gap: 3rem;
|
||||||
padding: 6rem;
|
padding: 6rem;
|
||||||
|
outline: 1px solid rgba(255,255,255,0);
|
||||||
svg{
|
svg{
|
||||||
width: 110%;
|
width: 110%;
|
||||||
}
|
}
|
||||||
&:first-child{
|
&:first-child{
|
||||||
background-color: black;
|
|
||||||
}
|
}
|
||||||
&:last-child{
|
&:last-child{
|
||||||
background-color: white;
|
margin-top: 3rem;
|
||||||
svg{
|
svg{
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -57,8 +57,13 @@ section {
|
|||||||
fill: var(--c-bkg);
|
fill: var(--c-bkg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.inverse{
|
[class*="section--"]{
|
||||||
box-shadow: rgb(0 0 0 / 60%) 0 3rem 3rem;
|
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 {
|
h1, p {
|
||||||
color: var(--c-bkg);
|
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{
|
.line svg{
|
||||||
@@ -165,25 +180,68 @@ p {
|
|||||||
em {
|
em {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
color: var(--c-text-accent);
|
color: var(--c-text-accent);
|
||||||
font-weight: 400;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
a.btn {
|
a.btn {
|
||||||
|
position: relative;
|
||||||
padding: 0.4rem 2rem;
|
padding: 0.4rem 2rem;
|
||||||
background-color: var(--c-text-accent);
|
transform: rotateX(10deg);
|
||||||
color: var(--c-text-bright);
|
color: var(--c-text-bright);
|
||||||
border-color: var(--c-3d-shadow);
|
border: 0;
|
||||||
border-width: 1px 1px 15px 1px;
|
|
||||||
border-style: solid;
|
|
||||||
font-family: var(--f-accent);
|
font-family: var(--f-accent);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 1.6rem;
|
font-size: 1.6rem;
|
||||||
text-decoration: none;
|
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 {
|
.nodes {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -81,10 +81,12 @@ body{
|
|||||||
|
|
||||||
main{
|
main{
|
||||||
//transform: translateY(-100vh);
|
//transform: translateY(-100vh);
|
||||||
|
perspective: 1000px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
transition: var(--t-simple);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5 {
|
h1, h2, h3, h4, h5 {
|
||||||
@@ -109,17 +111,31 @@ header{
|
|||||||
width: 100vw;
|
width: 100vw;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
top:0;
|
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{
|
nav{
|
||||||
--padding: 1rem;
|
--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-family: var(--f-accent);
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
padding: var(--padding);
|
padding: var(--padding);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: space-between;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -133,8 +149,14 @@ nav{
|
|||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
padding: 0em 0.5em 0em 0.5em;
|
padding: 0em 0.5em 0em 0.5em;
|
||||||
|
|
||||||
|
path {
|
||||||
|
fill: var(--c-text-bright);
|
||||||
|
transition: var(--t-simple);
|
||||||
|
}
|
||||||
|
|
||||||
&.em{
|
&.em{
|
||||||
background-color: var(--c-text-accent);
|
background-color: var(--c-text-accent);
|
||||||
|
margin-right: 1rem;
|
||||||
&:hover{
|
&:hover{
|
||||||
color: var(--c-text-accent);
|
color: var(--c-text-accent);
|
||||||
background-color: var(--c-text-bright);
|
background-color: var(--c-text-bright);
|
||||||
@@ -142,6 +164,9 @@ nav{
|
|||||||
}
|
}
|
||||||
&:hover{
|
&:hover{
|
||||||
color: var(--c-text-accent);
|
color: var(--c-text-accent);
|
||||||
|
path {
|
||||||
|
fill: var(--c-text-accent);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -168,6 +193,7 @@ nav{
|
|||||||
transform: translateX(3rem);
|
transform: translateX(3rem);
|
||||||
//overflow: hidden;
|
//overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
//margin-left: -1rem;
|
||||||
}
|
}
|
||||||
.closed-menu {
|
.closed-menu {
|
||||||
//overflow: hidden;
|
//overflow: hidden;
|
||||||
@@ -190,4 +216,21 @@ nav{
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5rem;
|
top: 5rem;
|
||||||
opacity: .5;
|
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;
|
||||||
}
|
}
|
||||||
@@ -6,6 +6,11 @@ main {
|
|||||||
overflow-x: clip;
|
overflow-x: clip;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header__logo{
|
||||||
|
opacity: 1 !important;
|
||||||
|
filter: blur(0px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
--width: 42ch;
|
--width: 42ch;
|
||||||
--side-padding: 3rem;
|
--side-padding: 3rem;
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ section#powered-by {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 6rem;
|
padding: 0rem 6rem 0 6rem;
|
||||||
h2{
|
h2{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -52,6 +52,27 @@ section#powered-by {
|
|||||||
}
|
}
|
||||||
svg {
|
svg {
|
||||||
width: 45rem;
|
width: 45rem;
|
||||||
|
max-width: calc(100vw - 12rem);
|
||||||
margin-top: 6rem;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -1,9 +1,13 @@
|
|||||||
section#products {
|
section#products {
|
||||||
|
transform-style: preserve-3d;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 0rem;
|
gap: 0rem;
|
||||||
|
|
||||||
.subsection {
|
.subsection {
|
||||||
|
transform-style: preserve-3d;
|
||||||
|
position: relative;
|
||||||
.product__subheader{
|
.product__subheader{
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: var(--c-text-primary);
|
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));
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,7 +3,6 @@ section#support {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 6rem;
|
padding: 6rem;
|
||||||
background: var(--c-1);
|
|
||||||
//margin-bottom: 6rem;
|
//margin-bottom: 6rem;
|
||||||
.cols {
|
.cols {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user