$primary: #5BCEFA; $secondary: #F5A9B8; $font-size-base: 1.25rem !default; // Assumes the browser default, typically `16px`
@import url('fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); @import url('fonts.googleapis.com/css2?family=Poppins&display=swap'); @import url('fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
$font-family-sans-serif: “Poppins”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, “Noto Sans”, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, “Noto Color Emoji” !default; $font-family-monospace: “Ubuntu Mono”, SFMono-Regular, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace !default;
@import “bootstrap/bootstrap”;
header {
font-family: 'Press Start 2P', cursive;
}
footer {
svg { max-height: 1.5rem; max-width: 1.5rem; margin-right: 0.5rem; vertical-align: middle; &.icon { fill: $primary; } }
}
article {
img { max-width: 80%; display: block; margin-left: auto; margin-right: auto; & + em { display: block; text-align: center; } } table { @extend .table; thead { @extend .thead-dark } } blockquote { @extend .blockquote; border-color: transparentize($secondary, 0.5) !important; border-left-width: 0.3rem !important; border-left: solid; margin-left: 2rem; padding: 1rem 1rem 1rem 2rem; background-color: transparentize($secondary, 0.91) !important; } a { text-shadow: 0.1px 0px darken($primary, 1%); }
}
language-selector-wrapper {
bottom: 3vh; .language-selector { svg { max-height: 3rem; max-width: 3rem; margin: 0; vertical-align: middle; &.icon { fill: $secondary; } } } @media (max-width: 600px) { position: relative !important; }
}