*,
*::before,
*::after {
    cursor: url('/yuppiecursor.png') 15 0, auto !important;
}

a, a:visited, a:hover, a:active {
    cursor: url("/yuppiecursor.png") 15 0, auto !important;
}
html, body {
    cursor: url("/yuppiecursor.png") 15 0, auto !important;
}


body {
  background: #80FF03;
  background-image: url("/images/yuppieshrinebg.png");
  background-attachment: fixed;
  background-size: 5% auto;
  animation: bgScroll 30s linear infinite;
  color: white;
  text-shadow: 1px transparent;
  font-family: 'Fairfax';
  font-size: 1.1vw;
  overflow: visible;
}

@keyframes bgScroll {
    0% { background-position: 0 0; }
    100% { background-position: 20% 100%; } /* scrolls vertically */
}

.button1 {
  color: white;
  font-size:inherit;
  font-family: 'Fairfax';
  background-color: #D71F95;
  border: none;
  text-align: center;
  width: 20%;
  padding: 0.8vw;
  margin: 0 0.3vw;
  cursor: pointer;
}

.button1:hover {
  background-color: #57A1FF;
}

@font-face {
    font-family: "Fairfax"; 
    src: url("/Fairfax.ttf") format("truetype"); 
}


a:any-link {
  color: inherit;
  text-decoration: underline 2px;
}
a:hover {
  color: #57A1FF;
}
/*========================CUSTOM SCROLLBAR==================================*/
/* width */
::-webkit-scrollbar {
  width: 0.8vw;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: transparent;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #D71F95;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #57A1FF;
}

/*========================Text Select Color==================================*/
::selection {
    background: #57A1FF;
    color: inherit;
}

::-moz-selection {
    background:  #57A1FF;
    color: inherit;
}