@font-face {
  font-family: "New Rodin DB";
  src: url("./fonts/New Rodin DB.otf");
}
@font-face {
  font-family: "New Rodin EB";
  src: url("./fonts/New Rodin EB.otf");
}

b, strong {
  font-family: "New Rodin EB";
  src: url("./fonts/New Rodin EB.otf");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: url("./background/background.jpg");
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100vw;
  min-height:50vh;
  line-height: 1.4;
  color: #ffffff;
  font-family: "New Rodin DB";
}

header {
  display: flex;
  justify-content: center;
  align-items: center;

  color: #ffffff;
  background: linear-gradient(
    to bottom,
    rgba(174, 236, 184, 0.92) 0%,
    rgba(106, 146, 109, 0.92) 10%,
    rgba(21, 49, 25, 0.92) 50%,
    rgba(4, 36, 7, 0.92) 50%,
    rgba(4, 36, 7, 0.92) 60%,
    rgba(15, 44, 11, 0.92) 100%
  );
  padding: 1em;
  border-radius: 15px 15px 0 0;
}

nav {
  padding: 1em 0;
  background: linear-gradient(
    rgba(15, 44, 11, 0.93) 0%,
    rgba(21, 49, 25, 0.92) 100%
  );
}

main {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

article {
  flex-grow: 4;
  padding: 1em;
  color: #000000;
  width: 75%;
  background-color: rgba(240, 255, 255, 0.92);
}

aside {
  flex-grow: 1;
  padding: 1em;
  color: #000000;
  width: 12.5%;
  background-color: rgba(240, 255, 255, 0.92);
}

footer {
  padding: 1em;
  background-color: rgba(240, 255, 255, 0.92);
  border-radius: 0 0 15px 15px;
  color: #000000;
  font-size: 0.6em;
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
  font-family: "New Rodin EB";
}

p {
  text-align: left;
  font-size: small;
}

img {
  display: block;
  margin: auto;
}

  a {
    color: rgb(120, 200, 99);
  }

nav a {
  color: #ffffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
nav a:hover {
  background-color: rgba(174, 236, 184, 0.93);
  color: black;
}

nav ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  list-style-type: none;
}

nav li {
  padding-right: 1.5em;
}

* {
  cursor: url(https://cur.cursors-4u.net/games/gam-12/gam1113.cur), auto;
}

a:hover {
  cursor: url(https://cur.cursors-4u.net/games/gam-12/gam1112.cur), auto;
}

abbr {
  cursor: url(https://cur.cursors-4u.net/games/gam-12/gam1103.cur), auto;
}


iframe {
  display: block;
  margin: 0 auto;
}

@media (prefers-color-scheme: dark) {
  aside,
  article {
    color: white;
    background-color: rgb(21, 32, 32, 0.92);
  }
  footer {
    background-color: rgb(21, 32, 32, 0.92);
    color: white;
  }
  a {
    color: rgb(120, 200, 99);
  }
}

.statuscafe-post:first-of-type {
  margin-top: 0;
}

.statuscafe-post:last-of-type {
  margin-bottom: 0;
}

.statuscafe-post {
  padding: .5em;
    background-color: transparent;
    border: 1px solid rgba(106, 146, 109, 0.922);
    border-radius: 10px 10px;
    width: 500px;
    margin: 0 1em 0.5em 1em;
    margin-left: auto;
    margin-right: auto;
}

.statuscafe-author {  
  margin-bottom: .5em;
  font-size: 1.5rem;
}