/* ///// HEADINGS ///// */
@font-face {
    font-family: W95FA;
  src: url("https://lianaluxe.github.io/IRLNFT/assets/w95fa.woff");
}

body {
  cursor: url('http://www.rw-designer.com/cursor-view/173826.png'),auto;
}

.grid-padding-y {
  padding-bottom: 30px;
}

body {
  font-family: "W95FA", Times, serif;
  font-weight: 400;
  color: black;
  background-image: url("https://i.pinimg.com/600x315/b8/1b/aa/b81baa487c3125a393514c5e051bf78f.jpg");
  background-repeat: repeat;
  background-color: #E8D2EF;
}
h1, h2, h3, h4 {
  font-family: "W95FA", Times, serif;
  font-weight: 600;
  background-color: #C0C0C0;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid grey;
  border-bottom: 2px solid grey;
  padding: 20px;
}
h1 {
  text-align: center;
  font-size: 5em;
  line-height: 1em;
  margin: 30px 0 0;
  color: #440b8f;
  /* background-color: #030c7e;
  color: white; */
}
h2 {
  font-size: 4.25em;
  margin: 0;
}
h3 {
  font-size: 2.6em;
  margin: 0;
  background-color: #ffadfa;
  color: white;
}
h4 {
  font-size: 1.4em;
  background-color: #030c7e;
  color: white;
  margin: 0;
}
p, label, ol, ul {
  line-height: 1.8em;
  font-size: 1.3em;
  color: black;
  background-color: #fffcfc;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid grey;
  border-bottom: 2px solid grey;
  padding: 20px;
}

ol {
  padding-left: 40px;
  margin-left: 0;
}

ol li {
  margin-bottom: 5px;
}

ol ul {
  font-size: 1em;
  font-weight: 400;
  margin: 10px;
  margin-bottom: 20px;
  padding-left: 40px;
  background-color: #b5b5b5;
  border-top: 2px solid grey;
  border-left: 2px solid grey;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

a:link, a:visited {
  color: blue;
  text-decoration: underline;
}
a:hover, button:hover, [data-open]:hover {
  color: purple;
  cursor: url('http://www.rw-designer.com/cursor-view/163563.png'),auto;
}

.copyright {
  text-align: center;
  font-size: .8em;
}

#buy-border {
  border: 1px dashed black;
}

#buy-border:hover {
  border: none;
}

#click-below {
  text-align: center;
}

#click-below-text {
  padding-left: 40px;
  padding-right: 40px;
}

.buy-button-top {
  margin: 50px 15px 15px 15px;
  background-color: #f250c4;
  border-top: 2px solid #fc92de;
  border-left: 2px solid #fc92de;
  border-right: 2px solid #a11b7b;
  border-bottom: 2px solid #a11b7b;
  padding: 20px;
  /* height: 92px; */
}

.buy-button-top:hover {
  background-color: #e349b7;
  margin: 50px 15px 15px 15px;
  border-top: 2px solid #a11b7b;
  border-left: 2px solid #a11b7b;
  border-right: 2px solid #fc92de;
  border-bottom: 2px solid #fc92de;
}

.buy-button {
  background-color: #f250c4;
  border-top: 2px solid #fc92de;
  border-left: 2px solid #fc92de;
  border-right: 2px solid #a11b7b;
  border-bottom: 2px solid #a11b7b;
  padding: 20px;
}

.buy-button:hover {
  background-color: #e349b7;
  border-top: 2px solid #a11b7b;
  border-left: 2px solid #a11b7b;
  border-right: 2px solid #fc92de;
  border-bottom: 2px solid #fc92de;
  padding-bottom: 20px;
  color: purple;
}

.image-border {
  background-color: #C0C0C0;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid grey;
  border-bottom: 2px solid grey;
  padding: 20px;
  margin-top: 0;
}

.grid-padding-y#above-image {
  padding-bottom: 0;
}

#venmo {
  text-align: center;
  margin-bottom: 50px;
}

#logo {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 8px;
}

.logo { transition: .2s ease-in-out all; z-index: 100;}

.logo:hover {
  transform:
   perspective(1000px)
   rotateX(4deg)
   rotateY(-16deg)
   rotateZ(4deg);
}

#hit-counter {
  max-width: 210px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.reveal {
  padding: 0;
  border: 0;
}

img[data-open]:hover {
  /* background-color: #b5b5b5; */
  border-top: 2px solid grey;
  border-left: 2px solid grey;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

button:hover {
  background-color: #b5b5b5;
  border-top: 2px solid grey;
  border-left: 2px solid grey;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}

.close-button {
  color: black;
  background-color: #C0C0C0;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid grey;
  border-bottom: 2px solid grey;
  padding: 0 10px 2px 10px;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 3em;
}

a img:hover, img[data-open]:hover {
  filter: brightness(85%);
}

.social-icon {
  max-width: 80px;
}

@media screen and (max-width: 39.9375em) {
  h1 {
    font-size: 4em;
  }

  h3 {
    font-size: 2em;
  }

  #click-below-text {
    padding-left: 0;
    padding-right: 0;
  }
}

.hyoma {
  background: url("../assets/hyoma.png") top center no-repeat;
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 400px;
  height: 500px;
  background-size: contain;
  z-index: -1;
}

.robowan {
  background: url("../assets/robowan.png") top center no-repeat;
  position: fixed;
  top: 0;
  right: 0px;
  width: 300px;
  height: 400px;
  background-size: contain;
  z-index: -1;
}

.bow {
  position: fixed;
left: 0;
top: 0;
width: 400px;
z-index: -1;
}

.end-sticker {
  display: flex;
  justify-content: space-between;
}

.cin {
  position: absolute;
top: 90px;
left: 0;
z-index: 0;
}

.ddr {
  position: absolute;
top: 90px;
right: 0;
z-index: 0;
}

.intro {
  font-size: 35px;
display: block;
color: rgb(255, 0, 182);
font-weight: bold;
}


.end {
  font-size: 35px;
display: block;
color: rgb(255, 0, 182);
font-weight: bold;
}

.inlineimg {
  display: flex;
}

.us-img {
  width: 50%;
}

@media (max-width: 1000px) {

.inlineimg {
  flex-direction: column;
}

.us-img {
  width: 100%;
}

.bow {
  display: none;
}

.robowan {
  display: none;
}



}