/* FONTS */
@font-face { font-family: Title; src: url('/2025/february_edition/fonts/titlefont.ttf'); }
@font-face { font-family: LinkFont; src: url('/2025/february_edition/fonts/linkfont.otf'); }
@font-face { font-family: Roboto; src: url('/2025/info/fonts/Roboto-Black.ttf'); }

/* MAIN PAGE ITSELF */
body, header, main, footer {
  margin: 0;
}
body {
  min-height: 100vh;
  background: #ffdaf4;
  padding: 0;
  font-family: "Newsreader", serif;
}
article > h2{
  font-size: 45px;
  color: black;
}
article, aside {
  display: inline-block;
  padding: 3%;
}
article {
  width: 60%;
  border-right: double 2px #000000;
}
aside {
  width: 26%;
}
img {
  width: 100%;
  max-width: 700px;
  filter: sepia(0.5);
}
h2{
  font-family: "Inknut Antiqua", serif;
}
h2, h3, h4, h5 {
  line-height: 1.3em;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 20px;
  font-family: Roboto;
}

p {
  line-height: 1.5;
  font-size: 1.1em;
  max-width: 700px;
  text-align: justify;
}


header {
  padding: 10px 0 15px 0;
  text-align: center;
  border-bottom: double 2px #000;
}

header > img {
  width: 165px;
  position: abosolute;
  left: 50px;
  text-align: left;
}

header h1 {
  font-family: "Title";
  font-size: 75px;
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  color: black;
}

article, aside {
  vertical-align: top;
  display: inline-block;
  padding: 3%;
}

footer {
  padding: 40px 20px;
  text-align: center;
  border-top: double 2px #000;
  background: url("images/brown-star.png") repeat-x center top;
  background-size: 12px;
}
#otherversion{
  font-size: 30px;
  font-family: LinkFont;
  text-decoration: none;
  color: #1c8000;
  background-color: #ffffff;
  padding: 5px;
  border-radius: 15px;
}
/* ALL STUFF WITH LINKS */
#articles{
  color: #890000;
  text-align:center;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  font-size: 25px;
  font-family: LinkFont;
  transition: .5s all ease;
  background-color: #ff94df;
  border-radius:10px;
}
#articles.active {
  color: #ff0000;
}
#articles:hover{
  color: #ff94df;
  font-size: 35px;
  border-radius:10px;
  background-color: #890000;
}

#links{
  color: #FFFFFF;
  height: 75px;
  width:100%;
  text-align: center;
  padding-top: 25px;
}
/* THE DISPLAY OF MULTIPLE PHOTOS */
.container {
  width: 500px;
  height: 300px;
  overflow: hidden;
  border: 10px solid;
  border-top-color: #856036;
  border-left-color: #5d4426;
  border-bottom-color: #856036;
  border-right-color: #5d4426;
  position: relative;
}
.photo {
  position: absolute;
  animation: round 16s infinite;
  opacity: 0;
}
@keyframes round {
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}
@keyframes round {
  25% {
    opacity: 1;
    -webkit-opacity: 1;
  }
  40% {
    opacity: 0;
    -webkit-opacity: 0;
  }
}
img:nth-child(1) {
  animation-delay: 16s;
}

img:nth-child(2) {
  animation-delay: 12s;
}

img:nth-child(3) {
  animation-delay: 8s;
}

img:nth-child(4) {
  animation-delay: 4s;
}
img:nth-child(5) {
  animation-delay: 0s;
}
/* TWO DIFFERENT TYPES OF IMAGES - FEEL FREE TO CHANGE BOTH */
.oneimage {
  width: 500px;
  height: 300px;
  overflow: hidden;
  border: 10px solid;
  border-top-color: #856036;
  border-left-color: #5d4426;
  border-bottom-color: #856036;
  border-right-color: #5d4426;
  position: relative;
}
#otherarticle {
  width: 350px;
  height: 225px;
  overflow: hidden;
  border: 10px solid;
  margin: auto;
  border-top-color: #856036;
  border-left-color: #5d4426;
  border-bottom-color: #856036;
  border-right-color: #5d4426;
  position: relative;
}