/* ----------------------------------------------
Template Name : fotfr
Template Code : fotf2223
Version : 1.1
Author : itman
Author URI : http://www.flameoftheforest.com/
Last Date Modified : 2022-07-27 Wed, 2022-10-06 Thu,
2023-02-22 Wed
------------------------------------------------- */


body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  max-width: 31.5em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: rgb(0, 0, 0);
  margin: auto;
  text-align: center;
  /* border: 1px solid green; */
}
/* If screen size is 320px wide or less, and portrait */
@media screen and (max-width: 320px) {
  body {
    height: 150vh;
  }
}
/* If screen size is 1000px wide or less, and landscape */
@media screen and (orientation: landscape) and (max-width: 1000px) {
  body {
    height: 215vh;
  }
}

.logo {
  max-width: 100vw;
}

hr.line1, .line2 {
  border-width: 0pt;
  width: 100%;
  height: 1px;
  background-color: rgb(100, 90, 80);
  margin-top: 0.7em;
  margin-bottom: 0em;
}

hr.line2 {
  margin-top: 3em;
  margin-bottom: 0.3em;
}
/* If screen size is 1000px wide or less, and landscape */
@media screen and (orientation: landscape) and (max-width: 1000px) {
  hr.line2 {
    margin-top: 0.2em;
  }
}

.wel {
  color: #00cc00;
  font-size: 0.8em;
  line-height: 1.6;
  max-width: 30em;
}

.imp {
  color: #9f9691;
  font-size: 0.65em;
  margin: 0.5em 0;
}

.etr {
  font-size: 0.7em;
  letter-spacing: 0.3em;
}

.cpr {
  color: dimgray;
  font-size: 0.6em;
  line-height: 1.6;
  max-width: 34.75em;
  margin-top: 5em;
  /* border: 1px solid green; */
}
/* If screen size is 1000px wide or less, and landscape */
@media screen and (orientation: landscape) and (max-width: 1000px) {
  .cpr {
    margin-top: 3em;
  }
}

a.ent:link {color: blue; text-decoration: none}
a.ent:visited {color: blue; text-decoration: none}
a.ent:hover {color: orange; font-weight: bold; text-decoration: none}


/* SEE INSIDE */
#bar {
  position: absolute;
  overflow: hidden;
  background: linear-gradient(#ff0000 0%, #410000 90%);
  top: 0;
  width: 100%;
  /* width: 31.5em; */
}
#bar a {
  display: block;
  color: ghostwhite;
  padding: 10px 5px;
  text-decoration: none;
  font: bold 1.0em/1.0em Verdana, Arial, Helvetica, Tahoma, sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
}
#bar a:hover {
  background: linear-gradient(#00ff77 0%, #063000 100%);
  color: white;
  font-weight: bold;
  font-style: italic;
}