html {
	background:#cb9b51;
}

body {
            animation: fadeInAnimation ease 1s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
    margin:0;
    padding:0;
	font-family:"Sriracha",cursive;
	color:#cb9b51;
	background:#FFF8E1;
}
@keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:40px;
	-webkit-text-stroke: 1px #826033;
	text-shadow: 3px 3px 10px rgba(153,102,0,0.7);
}
h3 {
	font-size:30px;
	margin:0 !important;
}
a:link {
	color:#cb9b51;
	text-decoration:none;
}
a:visited {
	color:#cb9b51;
}
a:hover {
	color:#960;
	text-decoration:none;
	text-shadow:4px 4px 8px #666;
}
a:active {
}

hr {
    border:0;
	margin:5em 2em;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #cb9b51, rgba(0, 0, 0, 0));
}

/* HR SEPARATOR */
.separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: #cb9b51;
}
.separator::before,
.separator::after {
  content: '';
  flex: 1;
    border:0;
	margin:5em 2em;
    height: 2px;
    background-image: linear-gradient(to right, #fff, #cb9b51, #fff);
}
.separator:not(:empty)::before {
  margin-right: .5em;
}
.separator:not(:empty)::after {
  margin-left: .5em;
}



/* SCROLLBAR */

::-webkit-scrollbar {
    height: 1rem;
	width:16px;
}
::-webkit-scrollbar-thumb {
    background-color:#CB9B51;
    border-radius: .25rem;
    border: 1px solid #333;
}
::-webkit-scrollbar-thumb:hover{
	background: linear-gradient(to right, rgba(203, 155, 81, 1), rgba(203, 155, 81, 0.5), rgba(203, 155, 81, 1));
    border-radius: .25rem;
}
::-webkit-scrollbar-track {
    background-color: transparent;
    border: 0.5px dashed #CB9B51;
    border-radius: .25rem;
}


/* PULSING LINKS */
@-webkit-keyframes pulse-grow-on-hover {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes pulse-grow-on-hover {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.pulse-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse-hover:hover, .pulse-hover:focus, .pulse-hover:active {
  -webkit-animation-name: pulse-grow-on-hover;
  animation-name: pulse-grow-on-hover;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}


/* GOLD BUTTON */
.golden-btn + .golden-btn { margin-top: 1em; }
.golden-btn {
  display: inline-block;
  outline: none;
  font-family: inherit;
  font-size: 1em;
  box-sizing: border-box;
  border: none;
  border-radius: .3em;
  height: 2.75em;
  line-height: 2.5em;
  text-transform: uppercase;
  padding: 0 1em;
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px rgba(139,66,8,1),
              inset 0 -1px 1px 3px rgba(250,227,133,1);
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  border: 1px solid #a55d07;
  color: rgb(120,50,5);
  text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
  cursor: pointer;
  transition: all .2s ease-in-out;
  background-size: 100% 100%;
  background-position:center;
}
.golden-btn:focus,
.golden-btn:hover {
  background-size: 150% 150%;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
                inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
  border: 1px solid rgba(165,93,7,.6);
  color: rgba(120,50,5,.8);
}
.golden-btn:active {
  box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
              inset 0 -2px 5px 1px #b17d10,
                inset 0 -1px 1px 3px rgba(250,227,133,1);
}

.animation {
	animation-duration: 1s;
	animation-name: slidein;
}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 100%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}