@font-face {
  font-family: "Secular";
  src: url("Secular.otf");
}

html {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgb(201, 59, 58);
}

body {
  font-family: "Secular";
}

img {
  max-width: 50vw;
  max-height: 25vw;
  display: block;
  margin: auto;
}
.inulogo {
  border: 4px solid white;
  text-align: center;
  border-radius: 0.4em;
  max-width: 30em;
  box-shadow: 0px 0px 1px 1px rgb(0, 132, 255);
}

.h1text {
  text-align: center;
  /* letter-spacing: 0.25em; */
  font-size: 3.4em;
  font-weight: bolder;
  color: white;
  padding-left: 0.2em;
}

.projectvision {
  text-align: center;
  color: white;
}

.projectvision2 {
  text-align: center;
  color: white;
  font-style: italic;
  font-size: 1.5em;
}

.projectvision3 {
  text-align: center;
  color: white;
  font-size: 1.5em;
}
.projectvision {
  text-align: center;
  color: white;
  font-size: 1.5em;
}
.test {
  box-shadow: 0px 0px 1px 1px rgb(0, 132, 255);
  border: 4px solid white;
  border-radius: 2em;
  background-color: rgba(255, 255, 255, 0.219);
  display: inline-block;
  padding: 0.2em 1.5em 0.2em 0.4em;
  text-align: justify;
}
.buyicp {
  font-size: 0.7em;
}

.button1 {
  border: 4px solid white;
  background-color: transparent;
  white-space: nowrap;
  font-size: 100%;
  min-width: fit-content;
  color: white;
  font-family: "Secular";
  text-align: center;

  border-radius: 2em;
  padding: 0.2em 0.4em 0.2em 0.4em;
  font-weight: 900;
  box-shadow: 0px 0px 1px 1px rgb(0, 132, 255);
}
.mbutton {
  text-align: center;
  display: inline-flex;
  margin: auto;
  font-size: 1.8em;
  margin-right: 0.4em;
  background-color: rgb(199, 106, 106);
  border-radius: 2em;
  font-weight: 900;
}
.mbutton1 {
  margin: auto;
  text-align: center;
  display: inline-flex;
  font-size: 1.8em;
  margin-left: 0.4em;
  font-weight: 900;
  border-radius: 2em;
}

.mbutton:hover {
  background-color: rgb(211, 201, 201);
  transition: 0.4s;
  transform: translate(0px, 1px);
}
.mbutton1:hover {
  transition: 0.4s;
  transform: translate(0px, 1px);
  background-color: rgb(0, 132, 255);
}

.wtf {
  text-align: center;
}
.size {
  font-size: 0.8em;
}
.shib {
  max-width: 10em;
  max-height: 10em;
}

.alloc {
  min-width: 1em;
  min-height: 1em;
  max-width: 20em;
  max-height: 15em;
  text-align: center;
}
.alloc2 {
  border: 4px solid white;
  box-shadow: 0px 0px 1px 1px rgb(29, 161, 242);
  border-radius: 2em;
}
.plug {
  position: relative;
  max-width: 8em;
  max-height: 4em;
}

.copy {
  color: white;
  font-size: 0.5em;
  border-radius: 2em;
  box-shadow: 0px 0px 1px 1px rgb(0, 132, 255);
  background-color: rgb(199, 106, 106);
  padding: 0.2em 0.4em 0.2em 0.4em;
}
.gif {
  background-color: transparent;
  box-shadow: 0px 0px 1px 1px rgb(0, 132, 255);
  border: 4px solid white;
  border-radius: 2em;
  max-width: 15em;
  max-height: 10em;
}
.canisterid {
  border: 4px solid white;
  box-shadow: 0px 0px 1px 1px rgb(29, 161, 242);
  border-radius: 2em;
  text-align: center;
  display: ruby;
  font-size: 0.6em;
  color: rgba(0, 0, 0, 0.445);

  padding: 0.2em 0.4em 0.2em 0.4em;
}

.footer {
  position: relative;
  display: block;
  left: 0;
  bottom: 0%;
  width: 100%;
  color: white;
  text-align: center;
  border: 4px solid rgba(255, 255, 255, 0.521);
  box-shadow: 0px 0px 1px 1px rgba(29, 160, 242, 0.623);
  border-radius: 2em;
  padding: 0.2em 0.4em 0.2em 0.4em;
  margin: auto;
  max-width: 23em;
}
.footerdiv {
  text-align: center;
}
.twitter {
  max-width: 1.5em;
  max-height: 1.5em;
  text-align: center;
}
.rmap {
  text-align: center;
}
.gallery__photo {
  border: 4px solid rgba(255, 255, 255, 0.521);
  box-shadow: 0px 0px 1px 1px rgba(29, 160, 242, 0.623);
  border-radius: 2em;
  max-width: 250px;
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.gallery {
  margin: auto;
  position: relative;
  display: inline-block;
  width: fit-content;
  height: 5em;
  padding-top: 1em;
}

.gallerypad {
  text-align: center;
}

@media (min-width: 375px) {
  @media (max-width: 375px) {
    .wtf {
      margin: auto;
    }
  }
}
@media (min-width: 600px) {
  .wtf {
    display: block;
    margin: auto;
  }
}
@media (max-width: 500px) {
  .alloc {
    min-width: 18em;
    min-height: 10em;
    max-width: 18em;
    max-height: 10em;
  }
  .plug {
    max-width: 5em;
    max-height: 2em;
  }
  .projectvision {
    font-size: 1.2em;
  }
  .projectvision3 {
    font-size: 1.2em;
  }
  .projectvision2 {
    font-size: 1.2em;
  }
  .twitter {
    max-width: 1em;
    max-height: 1em;
  }
  .gallery__photo {
    max-width: fit-content;
    max-height: 5em;
  }
  .mbutton1 {
    font-size: 1.4em;
  }
  .mbutton {
    font-size: 1.4em;
  }
}

::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.bar {
  list-style: none;
}
.bar > li {
  position: relative;
}
.bar > li:before {
  content: "\25CF";
  margin-right: 10px;
  font-size: 20px;
}
.bar > li:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-left: 2px solid rgb(255, 255, 255);
  margin-left: 5px;
  height: 100%;
}
.bar > li:first-of-type:after {
  top: 50%;
}
.bar > li:last-of-type:after {
  top: -50%;
}