/* @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;900&display=swap'); */

body, nav, button, nav *, button *, footer, header {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

nav {
  z-index: 999;
}

nav ul {
  list-style: none;
}

button.menu {
  border: none;
  outline: none;
}

body {
  font-family: sans-serif;
}

nav.nav-menu-left {
  position: fixed;
  height: 100vh;
  background-color: dodgerblue;
  width: 200px;
  padding: 10px;

  transform: translateX(-200px);
  transition: transform .5s ease-in-out;
  float: left;
}

nav.nav-menu-left.active {
  transform: translateX(0);
}

nav.nav-menu-right {
  position: fixed;
  height: 100vh;
  background-color: dodgerblue;
  width: 200px;
  padding: 10px;

  transform: translateX(200px);
  transition: transform .5s ease-in-out;
  float: right;
  top: 0;
  right: 0;
}
nav.nav-menu-right.active {
  transform: translateX(0);
}

nav .logo {
  margin: 8px 0 20px;
}

nav .logo a {
  font-size: 1.2em;
  color: white;
  padding: 10px;

  font-weight: 700;

  display: flex;
  align-items: center;
  transition: .3s ease;
}

nav .logo a:hover {
  padding-right: 20px;
}

nav .logo a i {
  font-size: 1.3em;
  margin-right: 10px;
  transition: .5s ease-in-out;
}

nav .logo a:hover i {
  transform: rotate(180deg);
}

nav ul li {
  padding: 0;
  font-size: .8em;
  margin-bottom: .3em;
}
nav.li-margin ul li {
  margin-bottom: 5px;
} 
  

nav ul li a {
  color: #fff;
  transition: all .5s ease;
}

nav ul li a:hover {
  background-color: #fff;
  color: dodgerblue;
  display: block;
  padding-right: 10px;
}

button {
  cursor: pointer;
  border: 1px solid dodgerblue;
  color: dodgerblue;
  background-color: #fff;
  padding: 3px 5px;
  border-radius: 3px;

  transform: translateX(0);
  transition: background-color .3s ease, transform .47s ease-in-out;
}

button.btn-menu-left {
  position: fixed;
  top: 10px;
  left: 10px;
}
button.btn-menu-right {
  position: fixed;
  top: 10px;
  right: 10px;
}

button:hover {
  background-color: dodgerblue;
  color: #fff;
}

button.btn-menu-left.active {
  transform: translateX(200px);
}
button.btn-menu-right.active {
  transform: translateX(-200px);
}

.container {
  width: auto;
  min-height: 100vh;
  transition: margin-left 0.3s linear;
}

.content {
  /* height: calc(100vh - 50px); */
  background-color: var(--white);
  padding: var(--padding);
  display: flex;
  justify-content: center;
  /* align-items: center; */
}

.content .main {
  padding: .5em;
  flex: 0 80%;
}

.content article img, .content article figure {
  display: block;
  clear: both;
  float: none;
  margin: 1em auto;
  max-width:90%;
  /* max-height:95px; */
  width: auto;
  height: auto;
  align-self: center;
}

@media (max-width: 600px) {
  .content .main {
    flex: 0 100%;
  }
}

@media (min-width: 1250px) {
  .content .main {
    flex: 0 60%;
  }
}

header {
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  text-align: center;
}

header .site-title {
  font-size: 1.2em;
  font-weight: bold;
}

footer {
  margin-top: 1em;
  padding: .5em;
  font-size: 0.8em;
  /* position: fixed; */
  bottom: 5px;
  display: block;
  border-top: 1px solid #ccc;
  text-align: center;
  width: 100%;
}

/* footer .footer-1 {
  flex: 0 100;
} */



article .table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin: 1em auto;
}

article .table td, article .table th {
  border: 1px solid #ddd;
  padding: 8px;
}

article .table tr:nth-child(even){background-color: #f2f2f2;}

article .table tr:hover {background-color: #ddd;}

article .table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

article .table.euro th {
  background-color: #6a5ed5;
  color: white;
}

article ul, article ul li {
  margin: auto;
  margin-bottom: .5em;
  padding: auto;
}

article time {
  font-size: .8em;
}

.ads336x280 {
  width: 336px;
  height: 280px;
  display: block;
  clear: both;
  float: none;
  margin: 1em auto;
}

/* fa */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
  display: inline-block;
  height: 16px;
  background-color: #000;
  width: 16px;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.fa-xs {
  height: 12px;
  width: 12px;
}

.fa-sm {
  height: 14px;
  width: 14px;
}

.fa-lg {
  height: 18px;
  width: 18px;
}

.fa-2x {
  height: 32px;
  width: 32px;
}

.fa-3x {
  height: 48px;
  width: 48px;
}

.fa-4x {
  height: 64px;
  width: 64px;
}

.fa-5x {
  height: 80px;
  width: 80px;
}

.fa-7x {
  height: 90px;
  width: 90px;
}

.fa-8x {
  height: 120px;
  width: 120px;
}

.fa-10x {
  height: 240px;
  width: 240px;
}

.fas.fa-bars {
  -webkit-mask-image: url(
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"
  );
          mask-image: url(
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"
  );
}

.fas.fa-circle-dollar-to-slot {
  -webkit-mask-image: url(
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M326.7 403.7c-22.1 8-45.9 12.3-70.7 12.3s-48.7-4.4-70.7-12.3l-.8-.3c-30-11-56.8-28.7-78.6-51.4C70 314.6 48 263.9 48 208C48 93.1 141.1 0 256 0S464 93.1 464 208c0 55.9-22 106.6-57.9 144c-1 1-2 2.1-3 3.1c-21.4 21.4-47.4 38.1-76.3 48.6zM256 91.9c-11.1 0-20.1 9-20.1 20.1l0 6c-5.6 1.2-10.9 2.9-15.9 5.1c-15 6.8-27.9 19.4-31.1 37.7c-1.8 10.2-.8 20 3.4 29c4.2 8.8 10.7 15 17.3 19.5c11.6 7.9 26.9 12.5 38.6 16l2.2 .7c13.9 4.2 23.4 7.4 29.3 11.7c2.5 1.8 3.4 3.2 3.7 4c.3 .8 .9 2.6 .2 6.7c-.6 3.5-2.5 6.4-8 8.8c-6.1 2.6-16 3.9-28.8 1.9c-6-1-16.7-4.6-26.2-7.9c0 0 0 0 0 0s0 0 0 0s0 0 0 0c-2.2-.7-4.3-1.5-6.4-2.1c-10.5-3.5-21.8 2.2-25.3 12.7s2.2 21.8 12.7 25.3c1.2 .4 2.7 .9 4.4 1.5c7.9 2.7 20.3 6.9 29.8 9.1l0 6.4c0 11.1 9 20.1 20.1 20.1s20.1-9 20.1-20.1l0-5.5c5.3-1 10.5-2.5 15.4-4.6c15.7-6.7 28.4-19.7 31.6-38.7c1.8-10.4 1-20.3-3-29.4c-3.9-9-10.2-15.6-16.9-20.5c-12.2-8.8-28.3-13.7-40.4-17.4l-.8-.2c-14.2-4.3-23.8-7.3-29.9-11.4c-2.6-1.8-3.4-3-3.6-3.5c-.2-.3-.7-1.6-.1-5c.3-1.9 1.9-5.2 8.2-8.1c6.4-2.9 16.4-4.5 28.6-2.6c4.3 .7 17.9 3.3 21.7 4.3c10.7 2.8 21.6-3.5 24.5-14.2s-3.5-21.6-14.2-24.5c-4.4-1.2-14.4-3.2-21-4.4l0-6.3c0-11.1-9-20.1-20.1-20.1zM48 352l16 0c19.5 25.9 44 47.7 72.2 64L64 416l0 32 192 0 192 0 0-32-72.2 0c28.2-16.3 52.8-38.1 72.2-64l16 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48l0-64c0-26.5 21.5-48 48-48z'/%3E%3C/svg%3E"
  );
          mask-image: url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M326.7 403.7c-22.1 8-45.9 12.3-70.7 12.3s-48.7-4.4-70.7-12.3l-.8-.3c-30-11-56.8-28.7-78.6-51.4C70 314.6 48 263.9 48 208C48 93.1 141.1 0 256 0S464 93.1 464 208c0 55.9-22 106.6-57.9 144c-1 1-2 2.1-3 3.1c-21.4 21.4-47.4 38.1-76.3 48.6zM256 91.9c-11.1 0-20.1 9-20.1 20.1l0 6c-5.6 1.2-10.9 2.9-15.9 5.1c-15 6.8-27.9 19.4-31.1 37.7c-1.8 10.2-.8 20 3.4 29c4.2 8.8 10.7 15 17.3 19.5c11.6 7.9 26.9 12.5 38.6 16l2.2 .7c13.9 4.2 23.4 7.4 29.3 11.7c2.5 1.8 3.4 3.2 3.7 4c.3 .8 .9 2.6 .2 6.7c-.6 3.5-2.5 6.4-8 8.8c-6.1 2.6-16 3.9-28.8 1.9c-6-1-16.7-4.6-26.2-7.9c0 0 0 0 0 0s0 0 0 0s0 0 0 0c-2.2-.7-4.3-1.5-6.4-2.1c-10.5-3.5-21.8 2.2-25.3 12.7s2.2 21.8 12.7 25.3c1.2 .4 2.7 .9 4.4 1.5c7.9 2.7 20.3 6.9 29.8 9.1l0 6.4c0 11.1 9 20.1 20.1 20.1s20.1-9 20.1-20.1l0-5.5c5.3-1 10.5-2.5 15.4-4.6c15.7-6.7 28.4-19.7 31.6-38.7c1.8-10.4 1-20.3-3-29.4c-3.9-9-10.2-15.6-16.9-20.5c-12.2-8.8-28.3-13.7-40.4-17.4l-.8-.2c-14.2-4.3-23.8-7.3-29.9-11.4c-2.6-1.8-3.4-3-3.6-3.5c-.2-.3-.7-1.6-.1-5c.3-1.9 1.9-5.2 8.2-8.1c6.4-2.9 16.4-4.5 28.6-2.6c4.3 .7 17.9 3.3 21.7 4.3c10.7 2.8 21.6-3.5 24.5-14.2s-3.5-21.6-14.2-24.5c-4.4-1.2-14.4-3.2-21-4.4l0-6.3c0-11.1-9-20.1-20.1-20.1zM48 352l16 0c19.5 25.9 44 47.7 72.2 64L64 416l0 32 192 0 192 0 0-32-72.2 0c28.2-16.3 52.8-38.1 72.2-64l16 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48l0-64c0-26.5 21.5-48 48-48z'/%3E%3C/svg%3E"
  );
}

.fas.fa-circle-xmark {
  -webkit-mask-image: url(
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3C/svg%3E"
  );
          mask-image: url(
            "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3C/svg%3E"
  );
}
/* fa */

.btn-menu-left i, .btn-menu-right i {
  background-color: blue;
}
nav i.fas {
  background-color: white;
}
nav i.fas.fa-circle-xmark {
  background-color: blue;
}