body {
  font-family: RosesareFF0000, Arial, Helvetica, sans-serif;
  font-size: 8px;
  color: #ffffff;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #000000;
}

a {
  color: #bfbfbf;
  text-decoration: none;
}
a:hover { 
  color: #bfbfbf;
  text-decoration: underline;
}
a.hiddentel:link {
  color: #ffffff;
  text-decoration: none;
}
a.hiddentel:visited {
  color: #ffffff;
  text-decoration: none;
}
a.hiddentel:hover {
  color:#ffffff;
  text-decoration: none;
}
a[href^="tel"] {
  text-decoration: none;
  cursor: default;
}

@media only screen and (max-device-width: 480px) {
  a[href^="tel"] {
    text-decoration: none;
    cursor: pointer;
  }
}


/* MODAL */
.modal {
  position: fixed;
  padding: 10px;
  max-width: 175px;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.0);
  visibility: hidden;
  opacity: 0;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
  z-index: 1;
}
.modal:target {
  visibility: visible;
  opacity: 1;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.modal-close {
  position: absolute;
  padding: 10px;
  max-width: 175px;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.9);
}
.modal .close {
  position: absolute;
  right: 75px;
  top: 0px;
  padding: 5px;
  color: #bfbfbf;
  transition: color .3s;
  font-size: 2em;
  line-height: 0.1em;
  font-weight: bold;
  text-decoration: none;
}
.modal .close:hover {
  color: #fff;
  animation: 
  blink-caret .5s step-end infinite;
  text-decoration: none;
}
.close-modal {
  background: rgba(0,0,0,.85);
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
}
.modal:target + .close-modal{  
  opacity: 1;
  visibility: visible;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}


/* LFTU */
.copyleft {
  font-size: 7px;
  font-weight: bold;
  letter-spacing: .10em; 
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  display: inline-block;
}


/* FONT REMIXED */
@font-face {
  font-family: RosesareFF0000;
  src: url("font/RosesareFF0000.woff") format("woff");
}


/* ARTS JUMP */
@keyframes bounce {
  0%, 20%, 60%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  40% {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
  }
  80% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
  }
}
.button:hover {
  animation: bounce 1s;
}