/* Start http://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-5/foo499.cur), auto !important;} /* End http://www.cursors-4u.com */
    body {
  font-size: 110%;
  background-color: black;
  color: #A29574;
 width: auto;
 margin:0;
    padding:0;
    height: auto;
  text-align: center;
        font-family: "ms gothic", monospace;
        letter-spacing: 0.3em;
       -webkit-font-smooth: none;
       background-image: url(/attachments/image/pixelteal.gif);
  background-size: cover;
        
}
.footer
{left: 20%;
top: 20px;
position: fixed;

}
::selection {

  color: white;
  background-color: #ABDFA6 ;
  }

.mainbox {

    height: auto;
    bottom: 40px;
    left:25%;
    margin: 0 auto;
    right: 25%;
    top: 20px;
    position: fixed;
    border: 8px groove  #2f3030b4;
    background-image: url();
    color: #E5F5F1;
    background-color: #1C242191;
    padding: 10px;
    border-style: groove;
    font-size: 100%;
    text-decoration: none;
    text-align: center;
    background-position: center;
    display: block; 
    overflow-y: scroll;
    box-shadow: 12px 12px 2px 0px rgba(0,0,0,0.67);
}
.myButton {
  box-shadow: 0px 1px 0px 0px #1c2421;
  background:linear-gradient(to bottom, #1c2421 5%, #ABDFA6 100%);
  background-color:#1c2421;
  border-radius:15px;
  border:2px solid #333029;
  display:inline-block;
  cursor:pointer;
  color:#050505;
  font-size:14px;
  font-weight:bold;
  padding:12px 16px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ABDFA6;
}
.myButton:hover {
  background:linear-gradient(to bottom, #ABDFA6 5%, #1c2421 100%);
  background-color:#ABDFA6;
}
.myButton:active {
  position:relative;
  top:1px;
}
.img__wrap {
  position: relative;
}

.img__description {
    font-size: 100%;
    text-align:justify;
  position: absolute;
padding: 10px;
margin: 0 auto;
  top: 0;
  bottom: 0;
  left: 10%;
  right: 10%;
  background:rgba(38, 78, 55, 0.8);
  color: #fff;
  visibility: hidden;
  opacity: 0;

  overflow: auto;

  /* transition effect. not necessary */
  transition: opacity .8s, visibility 1s;
}

.img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
}

#faceButton
{
bottom: 0;
right: 0;
position: absolute
}
@media only screen and (max-width: 650px) {
  body
  
  {background-image: url(https://i.pinimg.com/originals/05/88/a9/0588a9bb4008cea6e62166ae1361ff69.png);
  }    
.footer
{display:none;

}


.mainbox {
     bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
 border: hidden;
 box-shadow: none;
}

}