:root {
  --main-bg-color: #000000;
  --main-text-color: #3F8F2F;
  --light-text-color: #2AFF00;
  --white-text-color: #fff;




  --red-color: #ff0000;
}

/* @font-face {
  font-family: 'GohuFontunNerd';
  src: url('font/GohuFontuni11NerdFont-Regular.ttf') format('truetype');
} */



* {
  box-sizing: border-box;
  font-family: 'Courier', cursive;
  padding: 0;
  margin: 0;
  background-color: var(--main-bg-color);
  color: var(--main-text-color);

}

html,
body {
  background-color: var(--main-bg-color);
  height: 100%;
  width: 100%;
  overflow: hidden;
  border: 2px solid var(--main-text-color);
}


.container {
  /* grid-template-columns: 1fr 1fr; */
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-gap: 10px;
  /* grid-auto-rows: 100px; */
  justify-content: center;
  align-items: center;

}

/* .logo_text {
  color: var(--light-text-color);
  font-size: 7rem;
  text-align: center;
  margin-bottom: 1rem;
} */

.logo-png {
  width: 500px;
}
@media (max-width: 600px) {
  .logo-png {
    width: 80%;
  }
}


.item {
  /*   border: 1px solid #942192; */
  justify-self: auto;

}

h1,
h2,
h3 {
  text-align: center;
  padding: 30px 10px 20px 10px;
}

h1 {
  color: var(--light-text-color);
}

a[href^="mailto:"] {
  text-decoration: none;
  color: var(--light-text-color);
}