/*
 * Copyright (c) 2024 DeviousTengu
 * This file is distributed under the MIT License.
 * See LICENSE.txt or https://opensource.org/license/mit
 */

@font-face {
  font-family: Unifont;
  src: url('../font/UnifontCondensed.ttf') format('truetype');
}

body {
  background-attachment: fixed;
  background-color: #442244;
  background-image: url('../img/background.gif');
  background-repeat: repeat-x;
  color: white;
  font-family: Unifont, serif;
  margin: 0;
  position: relative;
}

#mountain {
  background-attachment: fixed;
  background-image: url('../img/mountain.gif');
  background-position: center bottom;
  background-repeat: repeat-x;
  height: 100%;
  width: 100%;
  position: fixed;
  bottom: 0;
}

#everything {
  height: 100%;
  width: 720px;
  margin: 0 auto;
  position: relative;
}

hr {
  border: none;
  visibility: hidden;
}

h1, .yellow { color: yellow; }

h2, th { color: #F04040; }

h3 { color: magenta; }

h4 { color: #FFFF99; }

a { color: cyan; }

.no-cell-padding { border-spacing: 0; }

.no-cell-padding td { padding: 0; }

.cell-padding td { padding: 4px; }

/* NAVIGATION  */

#header {
  width: 100%;
  height: 72px;
  position: relative;
}

#logo {
  position: absolute;
  bottom: 0;
  left: 0;
}

#nav {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}

#noscript-message {
  color: magenta;
  margin-bottom: 8px;
}

/* STAGE */

#stage { text-align: center; }

#stage p { margin-top: 0; }

/* BORDER  */

#content {
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

#top-left, #top-center, #top-right, #bottom-left, #bottom-center, #bottom-right {
  height: 16px;
  padding: 0px;
}

#top-left, #top-right, #mid-left, #mid-right, #bottom-left, #bottom-right {
  width: 16px;
  padding: 0px;
}

#top-left {
  background-image: url('../img/border/top-left.gif');
}

#top-center {
  background-image: url('../img/border/top-center.gif');
}

#top-right {
  background-image: url('../img/border/top-right.gif');
}

#mid-left {
  background-image: url('../img/border/mid-left.gif');
}

#mid-center {
  background-image: url('../img/border/mid-center.gif');
  padding: 4px;
}

#mid-right {
  background-image: url('../img/border/mid-right.gif');
}

#bottom-left {
  background-image: url('../img/border/bottom-left.gif');
}

#bottom-center {
  background-image: url('../img/border/bottom-center.gif');
}

#bottom-right {
  background-image: url('../img/border/bottom-right.gif');
}

/* HOMEPAGE */

#aya-sprite { float: left; }

a img { border: none; }

#buttons { margin-top: 16px; }

#buttons a { text-decoration: none; }

/* FOOTER */

#footer {
    padding: 8px 0;
    text-align: center;
}

#footer p {
    background-image: url('../img/footer.gif');
    display: inline;
}