/* Silver font */
@font-face {
  font-display: swap;
  font-family: 'Silver';
  src: url('/font/Silver.eot') format('embedded-opentype');
  src: url('/font/Silver.ttf') format('truetype'),
  url('/font/Silver.woff') format('woff'),
  url('/font/Silver.woff2') format('woff2'),
  url('/font/Silver.svg') format('svg');
  font-style: normal;
  font-weight: normal;
}



body {
  font-family: 'Silver', "Arial", sans-serif;
  margin: 0;
  font-size: 28px;
  line-height: 1em;
  color: black;
  image-rendering: pixelated;
}

video {
  width: 80%;
  line-height: 0px;
  vertical-align: bottom;
}

mark {
  padding: 4px;
  padding-bottom: 0px;
}

li {
  line-height: .9;
  margin-top: 0;
  margin-bottom: 0;
}

li::marker {
  content: "> ";
}

h1, h2, h3, h4, h5 {
  font-family: 'Silver', "Arial", sans-serif;
  margin: 5px;
}

p {
  margin: 0;
}

:root {
  --light: #f5f5f5;
  --dark: #18120d;
}

/* light mode*/

body {
  background-image: url("/images/assets/akibg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

/* winter
background-image: url("/images/assets/monobg.webp");
*/

/* summer
background-image: url("/images/assets/natsubg.webp");
*/

/* summer
background-image: url("/images/assets/akibg.webp");
*/

.mono {
  padding: 16px;
  border-image-slice: 17;
  border-image-width: 17px;
  border-image-repeat: round;
  border-image-source: url("/images/assets/kuehnbordermono.png");
}

.natsu {
  padding: 18px;
  border-image-slice: 28;
  border-image-width: 28px;
  border-image-repeat: round;
  border-style: solid;
  border-color: transparent;
  image-rendering: pixelated;
  border-image-source: url("/images/assets/natsuborder.png");
}

.aki {
  padding: 12px; 
  background-clip: padding-box;
  border-image-slice: 24;
  border-image-width: 24px;
  border-image-repeat: round;
  border-style: solid;
  border-color: transparent;
  image-rendering: optimizequality;
  border-image-source: url("/images/assets/akiborder.png");
}

/* winter
border-image-source: url("/images/assets/kuehnbordermono.png");
*/

/* summer
border-image-source: url("/images/assets/natsuborder.png");
*/

/* autumn
border-image-source: url("/images/assets/akiborder.png");
*/

a:link {
  color: var(--dark);
}

a:visited { 
  color: var(--dark);
}

main {
  max-width: 600px;
  height: 99vh;
  text-align: justify;
  overflow-y: auto;
  padding: 5px;
  margin: 5px;
  margin-bottom: 0px;
  background-color: #d6d6d6;
  box-sizing: border-box;
}

/* dark mode */

@media (prefers-color-scheme: dark) {
  body {
  background-image: url("/images/assets/akiicon.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  color: white;
  }

  main {
    background-color: #181818;
    position: relative;
    float: right;
  }

  a:link {
  color: white;
  }

  a:visited { 
  color: white;
  }
}

/* screenwidth */
@media screen and (max-width: 1024px) {
  .main {
      display:block;
  }
}