(49 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Page Defaults */ | /* Page Defaults */ | ||
− | + | .smallcaps { | |
− | + | font-variant: small-caps; | |
+ | font-style: normal; | ||
+ | } | ||
+ | .smallcaps-bold { | ||
+ | font-variant: small-caps; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
} | } | ||
/* Fonts */ | /* Fonts */ | ||
@font-face { | @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-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-face { | ||
− | + | font-family: "Stencil"; | |
− | + | src: url('/fonts/STENCIL.woff'); | |
− | + | url('/fonts/STENCIL.woff'); | |
} | } | ||
@font-face { | @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-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-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-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-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; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
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; }