/* ----------------------------------------------
Template Name : z0 (LANDING PAGE)
Template Code : z2026a
Version : 1.0
Author : sinner
Author URI : pages.dev
Last Date Modified : 2026-07-13 Mon
------------------------------------------------- */

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; */
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  /* background: rgb(0, 0, 0); */
/* background: linear-gradient(rgb(255, 255, 255) 50%, rgb(255, 140, 0) 70%); */
/* background: linear-gradient(rgb(255, 245, 245) 70%, rgb(255, 00, 0) 100%); */
/* background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%); */
/* background: radial-gradient(circle, rgb(255, 245, 245) 60%, rgb(180, 0, 0) 75%, rgb(0, 0, 0) 100%); */
  margin: auto;
  text-align: center;
}
/* 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(255, 0, 0);
  margin-top: 0.7em;
  margin-bottom: 0em;
}

hr.line2 {
  margin-top: 1.0em;
  margin-bottom: 0.0em;
}
/* 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;
  }
}

p {
  color: rgb(0, 0, 0);
  font-weight: normal;
  /* font-weight: bold; */
  font-size: 1.5em;
  /* letter-spacing: 0.025em; */
  /* text-transform:uppercase; */
  /* text-align: center; */
  margin: -0.5em 0 0.5em 0;
  /* padding: 0 0 0em 0; */
}

.h1 {
  color: rgb(255, 0, 0);
  font-size: 2.5em;
  font-weight: 600;
  /* font-weight: bold; */
  line-height: 1.2;
  max-width: 30em;
}

.cho {
  color: blue;
  font-size: 1.2em;
  /* font-weight: bold; */
  font-weight: 600;
  margin: 1em 0 0.5em;
}

.gat {
  font-size: 1.5em;
  /* font-weight: bold; */
  font-weight: 600;
  letter-spacing: 0.0em;
}

.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: red; 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;
}