@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don’t have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01s !important;
    scroll-behavior: auto !important;
  }
}
/* DSEG7 7SEG */
@font-face {
  font-family: "DSEG7-7SEGG";
  src: url("../fonts/DSEG7-7SEGG-CHAN/DSEG7SEGGCHAN-Regular.woff2") format("woff2"), url("../fonts/DSEG7-7SEGG-CHAN/DSEG7SEGGCHAN-Regular.woff") format("woff"), url("../fonts/DSEG7-7SEGG-CHAN/DSEG7SEGGCHAN-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-7SEGG-MINI";
  src: url("../fonts/DSEG7-7SEGG-CHAN/DSEG7SEGGCHANMINI-Regular.woff2") format("woff2"), url("../fonts/DSEG7-7SEGG-CHAN/DSEG7SEGGCHANMINI-Regular.woff") format("woff"), url("../fonts/DSEG7-7SEGG-CHAN/DSEG7SEGGCHANMINI-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEG7 Classic */
@font-face {
  font-family: "DSEG7-Classic";
  src: url("../fonts/DSEG7-Classic/DSEG7Classic-Bold.woff2") format("woff2"), url("../fonts/DSEG7-Classic/DSEG7Classic-Bold.woff") format("woff"), url("../fonts/DSEG7-Classic/DSEG7Classic-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-Classic";
  src: url("../fonts/DSEG7-Classic/DSEG7Classic-BoldItalic.woff2") format("woff2"), url("../fonts/DSEG7-Classic/DSEG7Classic-BoldItalic.woff") format("woff"), url("../fonts/DSEG7-Classic/DSEG7Classic-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Classic";
  src: url("../fonts/DSEG7-Classic/DSEG7Classic-Italic.woff2") format("woff2"), url("../fonts/DSEG7-Classic/DSEG7Classic-Italic.woff") format("woff"), url("../fonts/DSEG7-Classic/DSEG7Classic-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Classic";
  src: url("../fonts/DSEG7-Classic/DSEG7Classic-Light.woff2") format("woff2"), url("../fonts/DSEG7-Classic/DSEG7Classic-Light.woff") format("woff"), url("../fonts/DSEG7-Classic/DSEG7Classic-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-Classic";
  src: url("../fonts/DSEG7-Classic/DSEG7Classic-LightItalic.woff2") format("woff2"), url("../fonts/DSEG7-Classic/DSEG7Classic-LightItalic.woff") format("woff"), url("../fonts/DSEG7-Classic/DSEG7Classic-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Classic";
  src: url("../fonts/DSEG7-Classic/DSEG7Classic-Regular.woff2") format("woff2"), url("../fonts/DSEG7-Classic/DSEG7Classic-Regular.woff") format("woff"), url("../fonts/DSEG7-Classic/DSEG7Classic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEG7 Classic MINI */
@font-face {
  font-family: "DSEG7-Classic-MINI";
  src: url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Bold.woff2") format("woff2"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Bold.woff") format("woff"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-Classic-MINI";
  src: url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-BoldItalic.woff2") format("woff2"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-BoldItalic.woff") format("woff"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Classic-MINI";
  src: url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Italic.woff2") format("woff2"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Italic.woff") format("woff"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Classic-MINI";
  src: url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Light.woff2") format("woff2"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Light.woff") format("woff"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-Classic-MINI";
  src: url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-LightItalic.woff2") format("woff2"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-LightItalic.woff") format("woff"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Classic-MINI";
  src: url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Regular.woff2") format("woff2"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Regular.woff") format("woff"), url("../fonts/DSEG7-Classic-MINI/DSEG7ClassicMini-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEG7 Modern */
@font-face {
  font-family: "DSEG7-Modern";
  src: url("../fonts/DSEG7-Modern/DSEG7Modern-Bold.woff2") format("woff2"), url("../fonts/DSEG7-Modern/DSEG7Modern-Bold.woff") format("woff"), url("../fonts/DSEG7-Modern/DSEG7Modern-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-Modern";
  src: url("../fonts/DSEG7-Modern/DSEG7Modern-BoldItalic.woff2") format("woff2"), url("../fonts/DSEG7-Modern/DSEG7Modern-BoldItalic.woff") format("woff"), url("../fonts/DSEG7-Modern/DSEG7Modern-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Modern";
  src: url("../fonts/DSEG7-Modern/DSEG7Modern-Italic.woff2") format("woff2"), url("../fonts/DSEG7-Modern/DSEG7Modern-Italic.woff") format("woff"), url("../fonts/DSEG7-Modern/DSEG7Modern-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Modern";
  src: url("../fonts/DSEG7-Modern/DSEG7Modern-Light.woff2") format("woff2"), url("../fonts/DSEG7-Modern/DSEG7Modern-Light.woff") format("woff"), url("../fonts/DSEG7-Modern/DSEG7Modern-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-Modern";
  src: url("../fonts/DSEG7-Modern/DSEG7Modern-LightItalic.woff2") format("woff2"), url("../fonts/DSEG7-Modern/DSEG7Modern-LightItalic.woff") format("woff"), url("../fonts/DSEG7-Modern/DSEG7Modern-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Modern";
  src: url("../fonts/DSEG7-Modern/DSEG7Modern-Regular.woff2") format("woff2"), url("../fonts/DSEG7-Modern/DSEG7Modern-Regular.woff") format("woff"), url("../fonts/DSEG7-Modern/DSEG7Modern-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEG7 Modern MINI */
@font-face {
  font-family: "DSEG7-Modern-MINI";
  src: url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Bold.woff2") format("woff2"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Bold.woff") format("woff"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-Modern-MINI";
  src: url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-BoldItalic.woff2") format("woff2"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-BoldItalic.woff") format("woff"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Modern-MINI";
  src: url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Italic.woff2") format("woff2"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Italic.woff") format("woff"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Modern-MINI";
  src: url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Light.woff2") format("woff2"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Light.woff") format("woff"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DSEG7-Modern-MINI";
  src: url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-LightItalic.woff2") format("woff2"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-LightItalic.woff") format("woff"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DSEG7-Modern-MINI";
  src: url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Regular.woff2") format("woff2"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Regular.woff") format("woff"), url("../fonts/DSEG7-Modern-MINI/DSEG7ModernMini-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEG14 Classic */
@font-face {
  font-family: "DSEG14-Classic";
  src: url("../fonts/DSEG14-Classic/DSEG14Classic-Bold.woff2") format("woff2"), url("../fonts/DSEG14-Classic/DSEG14Classic-Bold.woff") format("woff"), url("../fonts/DSEG14-Classic/DSEG14Classic-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DSEG14-Classic";
  src: url("../fonts/DSEG14-Classic/DSEG14Classic-BoldItalic.woff2") format("woff2"), url("../fonts/DSEG14-Classic/DSEG14Classic-BoldItalic.woff") format("woff"), url("../fonts/DSEG14-Classic/DSEG14Classic-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Classic";
  src: url("../fonts/DSEG14-Classic/DSEG14Classic-Italic.woff2") format("woff2"), url("../fonts/DSEG14-Classic/DSEG14Classic-Italic.woff") format("woff"), url("../fonts/DSEG14-Classic/DSEG14Classic-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Classic";
  src: url("../fonts/DSEG14-Classic/DSEG14Classic-Light.woff2") format("woff2"), url("../fonts/DSEG14-Classic/DSEG14Classic-Light.woff") format("woff"), url("../fonts/DSEG14-Classic/DSEG14Classic-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DSEG14-Classic";
  src: url("../fonts/DSEG14-Classic/DSEG14Classic-LightItalic.woff2") format("woff2"), url("../fonts/DSEG14-Classic/DSEG14Classic-LightItalic.woff") format("woff"), url("../fonts/DSEG14-Classic/DSEG14Classic-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Classic";
  src: url("../fonts/DSEG14-Classic/DSEG14Classic-Regular.woff2") format("woff2"), url("../fonts/DSEG14-Classic/DSEG14Classic-Regular.woff") format("woff"), url("../fonts/DSEG14-Classic/DSEG14Classic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEG14 Classic MINI */
@font-face {
  font-family: "DSEG14-Classic-MINI";
  src: url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Bold.woff2") format("woff2"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Bold.woff") format("woff"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DSEG14-Classic-MINI";
  src: url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-BoldItalic.woff2") format("woff2"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-BoldItalic.woff") format("woff"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Classic-MINI";
  src: url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Italic.woff2") format("woff2"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Italic.woff") format("woff"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Classic-MINI";
  src: url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Light.woff2") format("woff2"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Light.woff") format("woff"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DSEG14-Classic-MINI";
  src: url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-LightItalic.woff2") format("woff2"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-LightItalic.woff") format("woff"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Classic-MINI";
  src: url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Regular.woff2") format("woff2"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Regular.woff") format("woff"), url("../fonts/DSEG14-Classic-MINI/DSEG14ClassicMini-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEG14 Modern */
@font-face {
  font-family: "DSEG14-Modern";
  src: url("../fonts/DSEG14-Modern/DSEG14Modern-Bold.woff2") format("woff2"), url("../fonts/DSEG14-Modern/DSEG14Modern-Bold.woff") format("woff"), url("../fonts/DSEG14-Modern/DSEG14Modern-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DSEG14-Modern";
  src: url("../fonts/DSEG14-Modern/DSEG14Modern-BoldItalic.woff2") format("woff2"), url("../fonts/DSEG14-Modern/DSEG14Modern-BoldItalic.woff") format("woff"), url("../fonts/DSEG14-Modern/DSEG14Modern-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Modern";
  src: url("../fonts/DSEG14-Modern/DSEG14Modern-Italic.woff2") format("woff2"), url("../fonts/DSEG14-Modern/DSEG14Modern-Italic.woff") format("woff"), url("../fonts/DSEG14-Modern/DSEG14Modern-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Modern";
  src: url("../fonts/DSEG14-Modern/DSEG14Modern-Light.woff2") format("woff2"), url("../fonts/DSEG14-Modern/DSEG14Modern-Light.woff") format("woff"), url("../fonts/DSEG14-Modern/DSEG14Modern-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DSEG14-Modern";
  src: url("../fonts/DSEG14-Modern/DSEG14Modern-LightItalic.woff2") format("woff2"), url("../fonts/DSEG14-Modern/DSEG14Modern-LightItalic.woff") format("woff"), url("../fonts/DSEG14-Modern/DSEG14Modern-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Modern";
  src: url("../fonts/DSEG14-Modern/DSEG14Modern-Regular.woff2") format("woff2"), url("../fonts/DSEG14-Modern/DSEG14Modern-Regular.woff") format("woff"), url("../fonts/DSEG14-Modern/DSEG14Modern-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEG14 Modern MINI */
@font-face {
  font-family: "DSEG14-Modern-MINI";
  src: url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Bold.woff2") format("woff2"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Bold.woff") format("woff"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "DSEG14-Modern-MINI";
  src: url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-BoldItalic.woff2") format("woff2"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-BoldItalic.woff") format("woff"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Modern-MINI";
  src: url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Italic.woff2") format("woff2"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Italic.woff") format("woff"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Modern-MINI";
  src: url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Light.woff2") format("woff2"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Light.woff") format("woff"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "DSEG14-Modern-MINI";
  src: url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-LightItalic.woff2") format("woff2"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-LightItalic.woff") format("woff"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "DSEG14-Modern-MINI";
  src: url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Regular.woff2") format("woff2"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Regular.woff") format("woff"), url("../fonts/DSEG14-Modern-MINI/DSEG14ModernMini-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* DSEGWeather */
@font-face {
  font-family: "DSEGWeather";
  src: url("../fonts/DSEGWeather/DSEGWeather.woff2") format("woff2"), url("../fonts/DSEGWeather/DSEGWeather.woff") format("woff"), url("../fonts/DSEGWeather/DSEGWeather.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* anta-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Anta";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/anta-v1-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "Microgramma";
  font-style: normal;
  font-weight: normal;
  src: local("Microgramma"), url("../fonts/Microgramma.woff") format("woff");
}
/* line-seed-jp-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "LINE Seed JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/line-seed-jp-v5-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* line-seed-jp-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "LINE Seed JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/line-seed-jp-v5-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "Clarendon Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Clarendon Regular"), url("../fonts/Clarendon Regular.woff") format("woff");
}
/* ibm-plex-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/ibm-plex-sans-v23-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/ibm-plex-sans-v23-latin-300italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ibm-plex-sans-v23-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/ibm-plex-sans-v23-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/ibm-plex-sans-v23-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-600italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/ibm-plex-sans-v23-latin-600italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.main_vbox {
  align-items: center;
  flex: 1;
  min-width: 80dvw;
  margin: 0dvw 10dvw;
  background-color: #09090a;
  border-radius: 0.2dvw;
  corner-shape: scoop;
  position: relative;
  overflow: hidden;
}
.main_vbox::before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  filter: blur(1px);
  background: linear-gradient(90deg, rgba(220, 220, 255, 0.02) 0%, rgba(220, 220, 255, 0.01) 30%, rgba(220, 220, 255, 0.015) 50%, rgba(220, 220, 255, 0.02) 20%, rgba(220, 220, 255, 0.03) 100%);
}
.main_vbox::after {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  background: url("/img/egg-shell.png") 0% 0%/200% 200%;
  opacity: 0.4;
  filter: blur(20px);
}

.content_box {
  gap: 3dvw;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 2dvw 4dvw 3dvw 4dvw;
}

.main_body {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background-color: #24242a;
}

.main_content {
  display: flex;
  flex-grow: 1;
}

body {
  font-family: "Line SEED JP";
}

h1 {
  font-family: "Microgramma";
  font-size: 30px;
  font-weight: 500;
  color: #dddddd;
  padding: 1dvw 0dvw;
  flex-grow: 0;
  border-bottom: 2px solid #888888;
  padding: 0 0.5dvw;
  margin-bottom: 1dvw;
}

h2 {
  font-family: "Anta";
  font-size: 40px;
  align-self: center;
  color: #dddddd;
  transform: scaleY(0.7);
  padding: 0.2dvw 0.8dvw;
  border: 3px solid #777777;
  margin: 2dvw;
}

h3 {
  margin-bottom: 1dvw;
  margin-top: 1dvw;
  padding: 0.5dvw 1dvw;
}

h4 {
  font-family: "IBM Plex Sans";
  margin: 0;
}

ul {
  list-style-type: none;
}

li {
  font-style: italic;
  font-size: 24px;
  font-weight: 500;
  padding: 0.3dvw 0.3dvw 0 0;
}
li::before {
  color: #888888;
  content: "> ";
}

textarea {
  background-color: #dddddd;
  font-family: "Line SEED JP";
}

hr {
  color: rgba(0, 0, 0, 0);
  border-top: 0.3dvw dashed #080809;
  width: 100%;
}

strong {
  color: #ad2821;
  font-weight: 800;
}

code {
  color: #888888;
}

audio {
  min-width: 24dvw;
}

.eleventy-plugin-youtube-embed {
  min-width: 36dvw;
}

.post_text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.post_text h2 {
  color: #dddddd;
  font-family: "Anta";
  font-size: 36px;
  justify-self: start;
  transform: scaleY(0.7);
  padding: 0.2dvw 0.8dvw;
  border: 3px solid #777777;
  margin: 2dvw;
}
.post_text p {
  width: 60%;
  text-indent: 3dvw;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 2dvw;
}
.post_text p::first-letter {
  color: #af9b6f;
  font-weight: 900;
  margin-right: 1px;
}
.post_text strong {
  color: #a53333;
}
.post_text i,
.post_text em {
  color: #af9b6f;
  font-weight: 900;
}
.post_text pre,
.post_text code {
  max-width: 60%;
  text-wrap: wrap;
}
.post_text a {
  color: #a53333;
  font-family: "LINE Seed JP";
  font-size: 20px;
  font-weight: 100;
}
.post_text a::before {
  content: "[";
}
.post_text a::after {
  content: "]";
}
.post_text .footnote {
  font-size: 16px;
  margin: 0 4px;
}

.h-gutter {
  position: relative;
  margin: 1dvw 0;
  min-width: 80dvw;
  min-height: 1.3dvw;
  background: radial-gradient(circle at right, #24242a, #24242a 1%, rgba(0, 0, 0, 0) 1%), radial-gradient(circle at left, #24242a, #24242a 1%, rgba(0, 0, 0, 0) 1%), linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #080809);
}

.h-inset {
  position: relative;
  height: 0.1dvw;
  width: 100%;
  background-color: #0a0a0c;
}

.vbox, .screen, .head_screen, .screen_inset, .button-hole, .main_vbox {
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.hbox, .head_screen_text, .post-list-footer, .post-tags {
  display: flex;
  flex-direction: row;
  justify-content: start;
  flex-wrap: wrap;
}

.post {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 30dvw;
  /* height: 2dvw; */
  border: 1px solid black;
  padding: 0.8dvw 1.2dvw;
  backdrop-filter: blur(5dvw) contrast(100%) brightness(80%);
}
.post:hover {
  filter: brightness(80%);
}

.post-tags {
  gap: 12px;
}

.post-tag {
  color: #c9c4b9;
  font-size: 22px;
  font-weight: 800;
  border: 2px solid #888888;
  padding: 4px 8px;
}

.sticker-img {
  position: relative;
  border: 0.5dvw solid rgb(220, 220, 220);
  filter: brightness(90%);
  box-shadow: 0.15dvw 0.15dvw rgb(160, 160, 160);
}
.sticker-img::before {
  pointer-events: none;
  position: absolute;
  inset: 0;
  content: "";
  background: repeating-linear-gradient(20deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.005) 3dvw, rgba(255, 255, 255, 0.1) 7dvw, rgba(255, 255, 255, 0.02) 10.3dvw, rgba(255, 255, 255, 0.06) 13.6dvw, rgba(255, 255, 255, 0) 28.3dvw);
}
.sticker-img img {
  display: block;
}

a.sticker-img:hover {
  filter: brightness(60%);
}

.sticker-tape {
  position: absolute;
  inset: 0;
  --scale-dir: 1;
  filter: brightness(55%) contrast(200%);
  transform: translateY(-38%) scale(60%) scaleX(calc(var(--scale-dir) * 100%)) rotateZ(calc(4deg * var(--rot)));
  background-image: url("/img/tape.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.post-header-img {
  width: 5dvw;
  height: 5dvw;
  object-fit: cover;
}

.post-header-img-div {
  min-height: 6dvw;
  max-height: 6dvw;
  min-width: 6dvw;
  max-width: 6dvw;
}

.tagbox {
  min-width: 20dvw;
}

.post-list-footer {
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}
.post-list-footer .linkbutton, .post-list-footer button {
  width: 10dvw;
}

.linkbutton, button {
  background-color: #19191d;
  font-family: "Microgramma";
  font-size: 24px;
  color: #c9c4b9;
  margin: 1px;
  border-bottom: 0.25dvw solid rgba(0, 0, 0, 0.3);
  border-left: 0.2dvw solid rgba(0, 0, 0, 0.5);
  border-right: 0.2dvw solid rgba(0, 0, 0, 0.5);
  border-top: 0.15dvw solid rgba(0, 0, 0, 0.6);
  font-weight: 900;
  padding: 0.7dvw 0.5dvw;
  display: flex;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
.linkbutton::before, button::before {
  position: absolute;
  content: "";
  inset: 0;
  pointer-events: none;
}
.linkbutton:hover::before, button:hover::before {
  background-color: rgba(0, 0, 0, 0.3);
}
.linkbutton:active::before, button:active::before {
  background-color: rgba(0, 0, 0, 0.5);
}
.linkbutton span, button span,
.linkbutton p,
button p {
  margin: 0 0;
  padding: 0 0;
  width: 100%;
  height: 120%;
  border-bottom: 3px dotted #777777;
  z-index: 1;
}

.button-hole {
  background-color: black;
  border-left: 2px solid black;
  border-right: 2px solid black;
}
.button-hole::before {
  content: "";
  height: 0.4dvw;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 80%), linear-gradient(180deg, #09090a);
}
.button-hole::after {
  content: "";
  top: 100%;
  height: 0.4dvw;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 80%), linear-gradient(0deg, #09090a);
}

.cv-button {
  width: 10dvw;
  height: 4dvw;
  align-self: center;
}

.lb-blue {
  background-color: #4069bb;
}

.lb-white-red {
  color: #dddddd;
  background-color: #a53333;
}

.site-head {
  display: flex;
  position: relative;
  flex-direction: row;
  margin-top: 0.7dvw;
}

.head_right {
  position: relative;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 32%), radial-gradient(circle at center, #101010 30%, rgba(0, 0, 0, 0) 30%);
  transform: rotateZ(-20deg);
}
.head_right::before {
  position: absolute;
  --c_width: 6.3dvw;
  content: "";
  width: 1dvw;
  height: var(--c_width);
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #101010;
}
.head_right::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  transform: translateX(1dvw);
  background: radial-gradient(circle at 60% 50%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 3.5%, rgba(0, 0, 0, 0) 3.5%), radial-gradient(circle at center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.01) 30%, rgba(0, 0, 0, 0) 30%), radial-gradient(circle at center, #19191d 29%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 30%);
}

.screen_outer, .mus_screen_outer, .head_screen_outer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #101010;
  border-radius: 1dvw;
  overflow: hidden;
  box-shadow: inset 0 0 10px black;
}

.head_screen_outer {
  width: 45dvw;
  max-width: 400dvw;
  height: 12dvw;
}

.screen_inset {
  justify-content: start;
  align-items: center;
  padding: 0dvw 0dvw;
}

.screen, .head_screen {
  flex-grow: 1;
  align-self: stretch;
  justify-content: center;
  background-color: #040202;
  margin: 1dvw 1dvw;
  box-shadow: 0 0 10px black;
  position: relative;
}
.head_screen {
  height: 6dvw;
}

.head_screen_text {
  padding: 0 0 0 5dvw;
  align-items: center;
  justify-content: start;
  height: 100%;
  padding-top: 2.5dvw;
  padding-bottom: 2dvw;
  gap: 1dvw;
}

.head_screen_title_box {
  min-width: 15dvw;
  display: flex;
  filter: blur(0.3px);
  align-items: center;
  gap: 2.2dvw;
}

.head_screen_number_box {
  min-width: 14dvw;
  max-width: 14dvw;
  filter: blur(0.3px);
}

.screen_tl_label, .mus_screen_tl_label, .head_screen_tl_label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  font-weight: 900;
  padding: 0.2dvw 0.4dvw;
  color: #c9c4b9;
  font-style: italic;
  font-family: "Microgramma";
  border-radius: 0 0 5px 0;
}

.head_screen_tl_label {
  background-color: #801e1e;
}

.mus_screen_tl_label {
  background-color: #4069bb;
}

.head_left {
  flex: 1;
}

.head_right {
  flex: 1;
}

.a_head {
  margin-left: 2dvw;
  align-self: start;
  justify-self: start;
  transform: scaleY(75%);
}

.n_nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  perspective: 75dvw;
  gap: 0.1dvw;
  background-color: #101010;
}

.nav_button {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  font-style: italic;
  --pressed: 0.0;
  transform: rotateY(0deg) rotateX(7deg) scaleZ(calc(1 - var(--pressed) * 0.4)) translateZ(calc(3dvw * var(--pressed) * -0.5));
  transform-style: preserve-3d;
  font-family: sans-serif;
  text-decoration: none;
  flex: 1;
  max-width: 8.3dvw;
  min-width: 8.3dvw;
  height: 2dvw;
}

.nav_face, .nav_face_left, .nav_face_right, .nav_face_bottom, .nav_face_front, .nav_face_front_pressed {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  content: "";
  outline: 0.15dvw solid #080809;
  background-color: #090909;
}
.nav_face:hover, .nav_face_left:hover, .nav_face_right:hover, .nav_face_bottom:hover, .nav_face_front:hover, .nav_face_front_pressed:hover {
  filter: brightness(80%);
}

.nav_face_front, .nav_face_front_pressed {
  width: 8.3dvw;
  height: 3dvw;
  background-color: #19191d;
  transform: translateZ(1.5dvw);
}

.nav_face_front_pressed {
  background-color: #161616;
}

.nav_face_bottom {
  width: 8.3dvw;
  height: 3dvw;
  transform: rotateX(-90deg) translateZ(1.59dvw);
  z-index: 2;
}

.nav_face_right {
  width: 3dvw;
  height: 3dvw;
  transform: rotateY(-90deg) translateZ(4.15dvw);
}

.nav_face_left {
  width: 3dvw;
  height: 3dvw;
  transform: rotateY(90deg) translateZ(4.15dvw);
}

.other_nav {
  gap: 3rem;
}

.head_name, .head_shadow {
  position: relative;
  font-size: 40px;
  text-decoration: none;
  font-family: "Clarendon Regular";
  font-weight: 1000;
  color: #d0d0d0;
  z-index: 1;
}

.head_shadow {
  color: #888888;
  position: absolute;
  inset: 0;
  z-index: -1;
  translate: calc(1px * var(--i)) calc(0.5px * var(--i));
}

.accent-category {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 0 1dvw;
  height: 100%;
}
.accent-category h1,
.accent-category h2,
.accent-category h3 {
  font-size: 36px;
  justify-self: start;
  padding: 0.2dvw 0.8dvw;
  border: 3px solid #777777;
  margin: 0 0 0 3.5dvw;
}
.accent-category.ac-right {
  align-items: end;
}
.accent-category.ac-right h1,
.accent-category.ac-right h2,
.accent-category.ac-right h3 {
  margin: 0 3.5dvw 0 0;
  align-self: end;
}
.accent-category ul {
  padding: 0dvw 0 0 0;
  margin: 0 0 0.5dvw 0;
}
.accent-category ul li {
  text-wrap: nowrap;
}
.accent-category.ac-left .ac-outline {
  position: absolute;
  left: 0;
  top: 1.5dvw;
  width: 4.5dvw;
  height: calc(100% - 1dvw);
  border-top: 2px solid #888888;
  border-left: 2px solid #888888;
  border-radius: 10px 0 0 0;
}
.accent-category.ac-left .ac-outline::after {
  content: "";
  position: absolute;
  left: -2px;
  bottom: -1dvw;
  height: 1dvw;
  border-left: 2px dashed #888888;
}
.accent-category.ac-right .ac-outline {
  position: absolute;
  right: 0;
  top: 1.5dvw;
  width: 4.5dvw;
  height: 100%;
  border-top: 2px solid #888888;
  border-right: 2px solid #888888;
  border-left: none;
  border-radius: 0 10px 0 0;
}
.accent-category.ac-right .ac-outline::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -1dvw;
  height: 1dvw;
  border-left: 2px dashed #888888;
}

.music-button {
  color: #888888;
  padding: 0.5dvw 1dvw;
}

.buttons-label {
  position: absolute;
  left: 50%;
  top: -4dvw;
  width: 10dvw;
  transform: translateX(-50%) scaleY(80%);
  text-wrap: nowrap;
  text-align: center;
  color: #c9c4b9;
  font-family: "Anta";
  font-size: 28px;
  font-weight: 800;
}

.music-button {
  padding: 0;
  width: 5dvw;
  height: 3dvw;
}

.cd-slot {
  width: 40dvw;
  height: 1.3dvw;
  margin-top: 1dvw;
  border-radius: 0.5dvw;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.03), rgba(0, 0, 0, 0) 50%) black;
}

.inline {
  display: inline;
}

.wraptext {
  overflow-wrap: break-word;
}

.sa {
  align-items: start;
}

.ca {
  align-items: center;
}

.cas {
  align-self: center;
}

.sas {
  align-self: start;
}

.js {
  justify-content: start;
}

.jsb {
  justify-content: space-between;
}

.jse {
  justify-self: end;
}

.jss {
  justify-self: start;
}

.cj {
  justify-content: center;
}

.space-std {
  gap: 5dvw;
}

.space-s {
  gap: 1dvw;
}

.space-xs {
  gap: 0.2dvw;
}

.fg0 {
  flex-grow: 0;
}

.fg1 {
  flex-grow: 1;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.text-indent {
  text-indent: 1dvw;
}

.fc3-brackets::before {
  content: "[";
  color: #888888;
  margin-right: 0.3dvw;
  font-style: normal;
  font-size: 30px;
}
.fc3-brackets::after {
  content: "]";
  color: #888888;
  margin-left: 0.3dvw;
  font-style: normal;
  font-size: 30px;
}

.font-vfd, .font-vfd-small, .font-vfd-med {
  position: relative;
  font-size: 42px;
  color: #eeffee;
  text-shadow: 0 0 0.8dvw #44ddcc;
  font-weight: 400;
  font-style: italic;
  font-family: "DSEG14-Modern-Mini", "sans-serif";
}

.font-vfd-med {
  font-size: 36px;
}

.font-vfd-small {
  font-size: 18px;
  opacity: 0.7;
}

.font-vfd-label {
  border: 2px solid #eeffee;
  color: #eeffee;
  border-radius: 1px;
  padding: 1px 4px;
  align-self: start;
  font-style: italic;
  font-size: 10px;
  font-family: "Anta";
  font-weight: 900;
  opacity: 0.5;
  position: absolute;
  left: -15px;
  transform: translateY(-100%);
}

.font-shadow-w {
  text-shadow: 0.1dvw 0.1dvw 0.2dvw white;
}

.font-anta, .post-tag, .accent-category h1,
.accent-category h2,
.accent-category h3 {
  font-family: "Anta";
  transform: scaleY(0.7);
}

.font-label, h3, a, .nav_button {
  font-family: "Microgramma";
  font-size: 24px;
  font-weight: 100;
  color: #dddddd;
}

.font-normal, p,
span,
ul {
  font-family: "IBM Plex Sans";
  color: #c9c4b9;
  font-style: normal;
}

.col-k {
  color: black;
}

.font-s, code {
  font-size: 18px;
}

.font-ms, h3, p,
span,
ul, li {
  font-size: 22px;
}

.font-m, .nav_button {
  font-size: 24px;
}

.font-mf {
  font-family: sans-serif;
  font-weight: 900;
  font-size: 1.15dvw;
}

.font-l {
  font-family: "Microgramma";
  font-size: 20px;
  font-weight: 100;
}

.fi {
  font-style: italic;
}

.fae {
  text-align: end;
}

.fck {
  color: #000000;
}

.fc1, li {
  color: #c9c4b9;
}

.fc2 {
  color: #dddddd;
}

.fc3 {
  color: #888888;
}

.fca {
  color: #ad2821;
}

.fcb {
  color: #4069bb;
}

.fcdb {
  color: #0f0faa;
}

.fca-trans {
  color: #a53333;
}

.bgc-white {
  background-color: #dddddd;
}

.font-outline-k {
  font-family: sans-serif;
  color: white;
  text-shadow: 0.1em 0 black, 0 0.1em black, -0.1em 0 black, 0 -0.1em black, -0.1em -0.1em black, -0.1em 0.1em black, 0.1em -0.1em black, 0.1em 0.1em black;
}

.bold {
  font-weight: 900;
}

.border-s {
  border: 0.1dvw solid black;
}

.border-m {
  border: 0.15dvw solid black;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin {
  margin: 0 0;
}

.no-padding {
  padding: 0 0;
}

.test-border {
  border: 1px solid white;
}

.nodec {
  text-decoration: none;
}

.box-highlight, .post {
  box-shadow: 0.2dvw 0.2dvw #222222;
}

.box-inset, .screen_inset {
  width: 100%;
  height: 100%;
  position: relative;
}
.box-inset::before, .screen_inset::before {
  position: absolute;
  inset: 0;
  content: "";
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.2) 98%);
}

.gloss, .screen::before, .head_screen::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-30deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.04) 55%, rgba(255, 255, 255, 0.01) 80%, rgba(255, 255, 255, 0) 100%);
}