Difference between revisions of "MediaWiki:Common.css"

 
(142 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
/* Page Defaults */
 +
 +
.smallcaps {
 +
    font-variant: small-caps;
 +
    font-style: normal;
 +
}
 +
.smallcaps-bold {
 +
    font-variant: small-caps;
 +
    font-style: normal;
 +
    font-weight: bold;
 +
}
 +
/* Fonts */
 
@font-face {
 
@font-face {
−
font-family: "AmerType";
+
    font-family: 'American Typewriter';
−
src: url('/fonts/AmerType-Md-BT.TTF');
+
    src: url('fonts/AmericanTypewriter.woff2') format('woff2'),
−
url('/fonts/AmerType-Md-BT.TTF');
+
    url('fonts/AmericanTypewriter.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 
}
 
}
  
−
#ff .default
+
@font-face {
−
{
+
    font-family: 'AmerType Md BT';
−
background: white;
+
    src: url('fonts/AmerTypewriterITCbyBT-Bold.woff2') format('woff2'),
 +
    url('fonts/AmerTypewriterITCbyBT-Bold.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
@font-face {
 +
    font-family: "Stencil";
 +
    src: url('/fonts/STENCIL.woff');
 +
url('/fonts/STENCIL.woff');
 +
}
 +
@font-face {
 +
    font-family: "RubberStamp";
 +
    src: url('fonts/RubberStampLetPlain.woff2') format('woff2'),
 +
    url('fonts/RubberStampLetPlain.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
@font-face {
 +
    font-family: 'Aller';
 +
    src: url('fonts/Aller-Bold.woff2') format('woff2'),
 +
    url('fonts/Aller-Bold.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 
}
 
}
  
−
#ff .gijoe
+
@font-face {
−
{
+
    font-family: 'Aller';
−
background:#6d8062;
+
    src: url('fonts/Aller-BoldItalic.woff2') format('woff2'),
 +
    url('fonts/Aller-BoldItalic.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
    font-display: swap;
 
}
 
}
  
−
#ff-name {
+
@font-face {
−
width: 100%;
+
    font-family: 'Aller Display';
−
font-weight: bold;
+
    src: url('fonts/AllerDisplay.woff2') format('woff2'),
 +
    url('fonts/AllerDisplay.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 
}
 
}
  
−
#ff-name .default {
+
@font-face {
−
font-size: 20px;
+
    font-family: 'Aller';
−
background: white;
+
    src: url('fonts/Aller-Italic.woff2') format('woff2'),
−
color: #5d7b9f;
+
    url('fonts/Aller-Italic.woff') format('woff');
−
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
+
    font-weight: normal;
−
text-align: left;
+
    font-style: italic;
 +
    font-display: swap;
 
}
 
}
  
−
#ff-name .gijoe {
+
@font-face {
−
font-size: 20px;
+
    font-family: 'Aller';
−
font-weight: normal;
+
    src: url('fonts/Aller.woff2') format('woff2'),
−
background: #3A3C24;
+
    url('fonts/Aller.woff') format('woff');
−
color: #E9D838;
+
    font-weight: normal;
−
text-align: center;
+
    font-style: normal;
−
font-family: Stencil;
+
    font-display: swap;
 
}
 
}
  
−
#ff-header {
+
@font-face {
−
  width: 100%;
+
    font-family: 'Aller';
−
  font-weight: bold;
+
    src: url('fonts/Aller-Light.woff2') format('woff2'),
 +
    url('fonts/Aller-Light.woff') format('woff');
 +
    font-weight: 300;
 +
    font-style: normal;
 +
    font-display: swap;
 
}
 
}
  
−
#ff-header .default {
+
@font-face {
−
background: #a1a8c2;
+
    font-family: 'Aller';
−
color: white;
+
    src: url('fonts/Aller-LightItalic.woff2') format('woff2'),
−
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
+
    url('fonts/Aller-LightItalic.woff') format('woff');
−
padding-left: 4px;
+
    font-weight: 300;
−
text-align: left;
+
    font-style: italic;
 +
    font-display: swap;
 
}
 
}
  
−
#ff-header .gijoe {
+
@font-face {
−
background: #3A3C24;
+
    font-family: "EuroHeavy";
−
color: #E9D838;
+
    font-weight: normal;
−
text-align: left;
+
    font-style: normal;
−
padding-left: 14px;
+
    src: url('/fonts/EurostileBeckerHeavy.woff2') format('woff2'),
−
margin-top: 5px;
+
    url('/fonts/EurostileBeckerHeavy.woff') format('woff');
−
font-family: Stencil;
+
}
−
font-weight: normal;
+
@font-face {
 +
    font-family: "ForgottenFuturist";
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    src: url('/fonts/forgotten-futurist-rg.woff');
 +
url('/fonts/forgotten-futurist-rg.woff');
 +
}
 +
@font-face {
 +
    font-family: 'Forgotten Futurist Rg';
 +
    src: url('fonts/ForgottenFuturistRg-Bold.woff2') format('woff2'),
 +
    url('fonts/ForgottenFuturistRg-Bold.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 
}
 
}
  
 +
@font-face {
 +
    font-family: 'Forgotten Futurist Rg';
 +
    src: url('fonts/ForgottenFuturistRg-Regular.woff2') format('woff2'),
 +
    url('fonts/ForgottenFuturistRg-Regular.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
  
−
#ff-skill {
+
@font-face {
−
font-family: arial, sans-serif;
+
    font-family: 'Forgotten Futurist Rg';
−
font-size: 12px;
+
    src: url('fonts/ForgottenFuturistRg-Italic.woff2') format('woff2'),
−
color: #000000;
+
    url('fonts/ForgottenFuturistRg-Italic.woff') format('woff');
−
font-style: normal;
+
    font-weight: normal;
−
font-weight: normal;
+
    font-style: italic;
−
font-variant: normal;
+
    font-display: swap;
−
text-align: left;
 
 
}
 
}
  
−
#ff-skill .default {
+
@font-face {
−
border-bottom: 1px solid black;
+
    font-family: 'Forgotten Futurist Rg';
 +
    src: url('fonts/ForgottenFuturistRg-BoldItalic.woff2') format('woff2'),
 +
    url('fonts/ForgottenFuturistRg-BoldItalic.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
    font-display: swap;
 
}
 
}
−
#ff-skill .gijoe {
+
@font-face {
−
border-bottom: 1px solid black;
+
    font-family: 'Mason';
−
font-family: "AmerType";
+
    src: url('fonts/Mason-Regular.woff2') format('woff2'),
 +
    url('fonts/Mason-Regular.woff') format('woff');
 +
    font-weight: 100;
 +
    font-style: normal;
 +
    font-display: swap;
 
}
 
}
−
#ff-desc {
+
 
−
font-family: arial, sans-serif;
+
.sm-table {
−
font-size: 10px;
+
    background-color: white;
−
color: #000000;
+
    color: black;
−
font-style: normal;
+
    font-family: "palatino linotype", palatino, serif;
−
font-weight: normal;
 
−
font-variant: normal;
 
−
text-align: justify;
 
−
margin-top: 0px;
 
 
}
 
}
  
−
#ff-desc .default {
+
img.fit {
−
background: white;
+
    width: 100%;
−
padding-left: 5px;
+
    height: auto;
−
padding-right: 5px;
 
 
}
 
}
  
−
#ff-desc .gijoe {
+
img.half {
−
background: #3A3C24;
+
    width: 50%;
−
font-family: "AmerType";
+
    height: auto;
−
color: white;
+
    float: left;
−
padding-left: 5px;
 
−
padding-right: 5px;
 
 
}
 
}
  
−
#ff-text {
 
−
font-family: arial, sans-serif;
 
−
font-size: 12px;
 
−
color: #000000;
 
−
font-style: normal;
 
−
font-weight: normal;
 
−
font-variant: normal;
 
−
text-align: left;
 
−
}
 
  
−
#ff-text .headline {
+
@font-face {
−
font-family: "lucida sans unicode", "lucida grande", sans-serif;
+
    font-family: 'Cybertron Moviecaps';
−
font-weight: bold;
+
    src: url('fonts/CybertronMoviecaps-Italic.woff2') format('woff2'),
−
font-size: 18px;
+
    url('fonts/CybertronMoviecaps-Italic.woff') format('woff');
−
font-variant: small-caps;
+
    font-weight: normal;
−
vertical-align: bottom;
+
    font-style: italic;
−
}
+
    font-display: swap;
 +
}
  
−
#ff-text .content {
+
@font-face {
−
letter-spacing: 0px;
+
    font-family: 'Cybertron Moviecaps';
−
line-height: 16px;
+
    src: url('fonts/CybertronMoviecaps-Italic.woff2') format('woff2'),
−
}
+
    url('fonts/CybertronMoviecaps-Italic.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: italic;
 +
    font-display: swap;
 +
}
  
−
#ff-text .checkbox {
+
@font-face {
−
width: 5%;
+
    font-family: 'Cybertron Moviecaps';
−
float: left;
+
    src: url('fonts/CybertronMoviecaps-Bold.woff2') format('woff2'),
−
font-size: 20px;
+
    url('fonts/CybertronMoviecaps-Bold.woff') format('woff');
−
}
+
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
  
−
#ff-text .trigger {
+
@font-face {
−
width: 95%;
+
    font-family: 'Cybertron Moviecaps';
−
float: left;
+
    src: url('fonts/CybertronMoviecaps-BoldItalic.woff2') format('woff2'),
−
}
+
    url('fonts/CybertronMoviecaps-BoldItalic.woff') format('woff');
−
#ff-text .default {
+
    font-weight: bold;
−
}
+
    font-style: italic;
 +
    font-display: swap;
 +
}
  
−
#ff-text .gijoe {
+
@font-face {
−
font-family: "AmerType";
+
    font-family: 'Cybertron Moviecaps';
 +
    src: url('fonts/CybertronMoviecaps-BoldItalic.woff2') format('woff2'),
 +
    url('fonts/CybertronMoviecaps-BoldItalic.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
    font-display: swap;
 
}
 
}
  
−
#cortex-table table {
+
@font-face {
−
background: lightgrey;
+
    font-family: 'Cybertron Moviecaps';
−
border: 3px solid lightgrey;
+
    src: url('fonts/CybertronMoviecaps-Bold.woff2') format('woff2'),
−
border-radius: 10px;
+
    url('fonts/CybertronMoviecaps-Bold.woff') format('woff');
−
padding: 3px;
+
    font-weight: bold;
−
text-align: right;
+
    font-style: normal;
−
margin-bottom: 8px;
+
    font-display: swap;
−
}
+
}
  
−
#cortex-table table.Asset {
+
@font-face {
−
background: lightgrey;
+
    font-family: 'Cybertron Condensed';
−
border: 3px solid lightgrey;
+
    src: url('fonts/CybertronCondensed-Italic.woff2') format('woff2'),
−
border-radius: 10px;
+
    url('fonts/CybertronCondensed-Italic.woff') format('woff');
−
padding: 3px;
+
    font-weight: normal;
−
text-align: right;
+
    font-style: italic;
−
margin-bottom: 8px;
+
    font-display: swap;
−
}
+
}
  
−
#cortex-table table.Complication {
+
@font-face {
−
background: darkgrey;
+
    font-family: 'Cybertron';
−
border: 3px solid darkgrey;
+
    src: url('fonts/Cybertron-BoldItalic.woff2') format('woff2'),
−
color: white;
+
    url('fonts/Cybertron-BoldItalic.woff') format('woff');
−
border-radius: 10px;
+
    font-weight: bold;
−
padding: 3px;
+
    font-style: italic;
−
text-align: right;
+
    font-display: swap;
−
margin-bottom: 8px;
+
}
−
}
 
  
−
#cortex-table th {
+
@font-face {
−
background-color: black;
+
    font-family: 'Cybertron Condensed';
−
color: white;
+
    src: url('fonts/CybertronCondensed.woff2') format('woff2'),
−
border: 3px solid lightgrey;
+
    url('fonts/CybertronCondensed.woff') format('woff');
−
border-radius: 10px;
+
    font-weight: normal;
−
text-align: center;
+
    font-style: normal;
−
}
+
    font-display: swap;
 +
}
  
−
#cortex-table td.value {
+
@font-face {
−
background-color: white;
+
    font-family: 'Cybertron Moviecaps';
−
color: black;
+
    src: url('fonts/CybertronMoviecaps.woff2') format('woff2'),
−
border: 3px solid lightgrey;
+
    url('fonts/CybertronMoviecaps.woff') format('woff');
−
border-radius: 10px;
+
    font-weight: normal;
−
padding: 5px;
+
    font-style: normal;
−
text-align: center;
+
    font-display: swap;
−
}
+
}
  
−
body #db-name {
+
@font-face {
−
font-family: "palatino linotype", palatino, serif;
+
    font-family: 'Cybertron Condensed';
−
font-size: 40px;
+
    src: url('fonts/CybertronCondensed-Bold.woff2') format('woff2'),
−
color: #21C251;
+
    url('fonts/CybertronCondensed-Bold.woff') format('woff');
−
font-style: normal;
+
    font-weight: bold;
−
font-weight: bold;
+
    font-style: normal;
−
font-variant: small-caps;
+
    font-display: swap;
−
text-align: center;
+
}
−
letter-spacing: 0px;
 
−
line-height: 20px;
 
−
}
 
  
−
body #db-header {
+
@font-face {
−
font-family: "palatino linotype", palatino, serif;
+
    font-family: 'Cybertron';
−
font-size: 20px;
+
    src: url('fonts/Cybertron.woff2') format('woff2'),
−
color: #21C251;
+
    url('fonts/Cybertron.woff') format('woff');
−
font-style: normal;
+
    font-weight: normal;
−
font-weight: normal;
+
    font-style: normal;
−
font-variant: small-caps;
+
    font-display: swap;
−
text-align: left;
+
}
−
letter-spacing: 0px;
 
−
padding-top: 20px;
 
−
line-height: 20px;
 
−
}
 
  
−
.db-table {
+
@font-face {
−
background: #21C251;
+
    font-family: 'Cybertron';
−
font-family: "palatino linotype", palatino, serif;
+
    src: url('fonts/Cybertron-Italic.woff2') format('woff2'),
−
font-size: 12px;
+
    url('fonts/Cybertron-Italic.woff') format('woff');
−
}
+
    font-weight: normal;
 +
    font-style: italic;
 +
    font-display: swap;
 +
}
  
−
body #db-text {
+
@font-face {
−
background=#FFFFFF;
+
    font-family: 'Cybertron Moviecaps';
−
font-family: "palatino linotype", palatino, serif;
+
    src: url('fonts/CybertronMoviecaps.woff2') format('woff2'),
−
font-size: 14px;
+
    url('fonts/CybertronMoviecaps.woff') format('woff');
−
}
+
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
  
−
.sm-header {
+
@font-face {
−
background-color: black;
+
    font-family: 'Cybertron';
−
color: white;
+
    src: url('fonts/Cybertron-Bold.woff2') format('woff2'),
−
font-family: "lucida sans unicode", "lucida grande", sans-serif;
+
    url('fonts/Cybertron-Bold.woff') format('woff');
−
font-size: 22px;
+
    font-weight: bold;
−
font-style: normal;
+
    font-style: normal;
−
font-weight: bold;
+
    font-display: swap;
−
font-variant: small-caps;
+
}
−
text-align: right;
 
−
letter-spacing: 1.2px;
 
−
padding-right: 10px;
 
−
padding-bottom: 4px;
 
−
padding-top;
 
−
4px;
 
−
line-height: 25px;
 
−
}
 
  
−
.sm-table {
+
@font-face {
−
background-color: white;
+
    font-family: 'Cybertron Condensed';
−
color: black;
+
    src: url('fonts/CybertronCondensed-BoldItalic.woff2') format('woff2'),
−
font-family: "palatino linotype", palatino, serif;
+
    url('fonts/CybertronCondensed-BoldItalic.woff') format('woff');
−
}
+
    font-weight: bold;
 +
    font-style: italic;
 +
    font-display: swap;
 +
}

Latest revision as of 00:17, 17 February 2021

/* Page Defaults */

.smallcaps {
    font-variant: small-caps;
    font-style: normal;
}
.smallcaps-bold {
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
}
/* Fonts */
@font-face {
    font-family: 'American Typewriter';
    src: url('fonts/AmericanTypewriter.woff2') format('woff2'),
    url('fonts/AmericanTypewriter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AmerType Md BT';
    src: url('fonts/AmerTypewriterITCbyBT-Bold.woff2') format('woff2'),
    url('fonts/AmerTypewriterITCbyBT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Stencil";
    src: url('/fonts/STENCIL.woff');
url('/fonts/STENCIL.woff');
}
@font-face {
    font-family: "RubberStamp";
    src: url('fonts/RubberStampLetPlain.woff2') format('woff2'),
    url('fonts/RubberStampLetPlain.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-Bold.woff2') format('woff2'),
    url('fonts/Aller-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-BoldItalic.woff2') format('woff2'),
    url('fonts/Aller-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aller Display';
    src: url('fonts/AllerDisplay.woff2') format('woff2'),
    url('fonts/AllerDisplay.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-Italic.woff2') format('woff2'),
    url('fonts/Aller-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller.woff2') format('woff2'),
    url('fonts/Aller.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-Light.woff2') format('woff2'),
    url('fonts/Aller-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-LightItalic.woff2') format('woff2'),
    url('fonts/Aller-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "EuroHeavy";
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/EurostileBeckerHeavy.woff2') format('woff2'),
    url('/fonts/EurostileBeckerHeavy.woff') format('woff');
}
@font-face {
    font-family: "ForgottenFuturist";
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/forgotten-futurist-rg.woff');
url('/fonts/forgotten-futurist-rg.woff');
}
@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('fonts/ForgottenFuturistRg-Bold.woff2') format('woff2'),
    url('fonts/ForgottenFuturistRg-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('fonts/ForgottenFuturistRg-Regular.woff2') format('woff2'),
    url('fonts/ForgottenFuturistRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('fonts/ForgottenFuturistRg-Italic.woff2') format('woff2'),
    url('fonts/ForgottenFuturistRg-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('fonts/ForgottenFuturistRg-BoldItalic.woff2') format('woff2'),
    url('fonts/ForgottenFuturistRg-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Mason';
    src: url('fonts/Mason-Regular.woff2') format('woff2'),
    url('fonts/Mason-Regular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.sm-table {
    background-color: white;
    color: black;
    font-family: "palatino linotype", palatino, serif;
}

img.fit {
    width: 100%;
    height: auto;
}

img.half {
    width: 50%;
    height: auto;
    float: left;
}


@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-Italic.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-Italic.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-Bold.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-BoldItalic.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-BoldItalic.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-Bold.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Condensed';
    src: url('fonts/CybertronCondensed-Italic.woff2') format('woff2'),
    url('fonts/CybertronCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron';
    src: url('fonts/Cybertron-BoldItalic.woff2') format('woff2'),
    url('fonts/Cybertron-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Condensed';
    src: url('fonts/CybertronCondensed.woff2') format('woff2'),
    url('fonts/CybertronCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Condensed';
    src: url('fonts/CybertronCondensed-Bold.woff2') format('woff2'),
    url('fonts/CybertronCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron';
    src: url('fonts/Cybertron.woff2') format('woff2'),
    url('fonts/Cybertron.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron';
    src: url('fonts/Cybertron-Italic.woff2') format('woff2'),
    url('fonts/Cybertron-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron';
    src: url('fonts/Cybertron-Bold.woff2') format('woff2'),
    url('fonts/Cybertron-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Condensed';
    src: url('fonts/CybertronCondensed-BoldItalic.woff2') format('woff2'),
    url('fonts/CybertronCondensed-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}