@font-face {
	font-family:DS;
	src: url("../assets/fonts/DAGGERSQUARE.otf");
}
@font-face {
	font-family:BH;
	src: url("../assets/fonts/dangerbot.otf");
}
@font-face {
	font-family:kiaro;
	src: url("../assets/fonts/kiaro.OTF");
}
@font-face {
	font-family:TS;
	src: url("../assets/fonts/thunderstrike.ttf");
}
@font-face {
	font-family:Terminal;
	src: url("../assets/fonts/Anonymous.ttf");
}
@keyframes isLow {
    0% {
        background-color: #aa0000;
    }
    10% {
        background-color: #ab0000;
    }
    30% {
        background-color: #bb0000;
    }
    40% {
        background-color: #bc0000;
    }
    50% {
        background-color: #cc0000;
    }
    60% {
        background-color: #cd0000;
    }
    70% {
        background-color: #dd0000;
    }
    80% {
    	background-color: #df0000;
    }
    90% {
    	background-color: #ff0000;
    }
    100% {
        background-color: #ff0000;
    }
}
@keyframes isCharged {
    0% {
        background-color: #ea9aa8;
    }
    10% {
        background-color: #deb89a;
    }
    30% {
        background-color: #ebe7b8;
    }
    40% {
        background-color: #daf1bf;
    }
    50% {
        background-color: #a0e1e1;
    }
    60% {
        background-color: #9ea0de;
    }
    95% {
        background-color: #f0c5f4;
    }
    100% {
        background-color: #ea9aa8;
    }
}
@keyframes shine {
	0% {
		box-shadow: 0 0 1px #fff;
	}
	5% {
		box-shadow: 0 0 2px #fff, 0 0 4px #fff;
	}
	10% {
		box-shadow: 0 0 4px #fff, 0 0 8px #fff;
	}
	20% {
		box-shadow: 0 0 8px #fff, 0 0 16px #fff;
	}
}
@keyframes shine_text {
	0% {
		text-shadow: 0 0 1px #fff;
	}
	5% {
		text-shadow: 0 0 2px #fff, 0 0 4px #fff;
	}
	10% {
		text-shadow: 0 0 4px #fff, 0 0 8px #fff;
	}
	20% {
		text-shadow: 0 0 8px #fff, 0 0 16px #fff;
	}
	30% {
		text-shadow: 0 0 2px #fff, 0 0 4px #fff;
	}
}

@keyframes shine_text_big {
	0% {
		text-shadow: 0 0 2px #fff;
	}
	5% {
		text-shadow: 0 0 4px #fff, 0 0 6px #fff;
	}
	10% {
		text-shadow: 0 0 4px #fff, 0 0 8px #fff;
	}
	20% {
		text-shadow: 0 0 8px #fff, 0 0 16px #fff;
	}
	30% {
		text-shadow: 0 0 16px #fff, 0 0 32px #fff;
	}
	40% {
		text-shadow: 0 0 4px #fff, 0 0 6px #fff;
	}
	50% {
		text-shadow: 0 0 2px #fff;
	}
}

@keyframes warn_shine {
	0% {
		opacity:0.5;
	}
	10% {
		opacity:0.6;
	}
	20% {
		opacity:0.7;
	}
	30%: {
		opacity:0.8;
	}
	40% {
		opacity:0.9;
	}
	50% {
		opacity:1.0;
	}
	60% {
		opacity:1.0;
	}
	70% {
		opacity:0.9;
	}
	80% {
		opacity:0.8;
	}
	90% {
		opacity:0.7;
	}
	100% {
		opacity:0.6;
	}
}

@keyframes intro_shake {
	0% {
		background-position:top;
	}
	100% {
		background-position:bottom;
	}
}
@keyframes intro_shake_reverse {
	0% {
		background-position:bottom;
	}
	100% {
		background-position:top;
	}
}
@keyframes intro_shake_infinite {
	0% {
		background-position:bottom;
	}
	50% {
		background-position:top;
	}
	100% {
		background-position:bottom;
	}
}
@keyframes divFadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadeOutIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes credits {
  0% {
    top: 152%;
  }
  100% {
    top: 54.5%;
  }
}
.animate__fadeOutIn {
  animation-name: fadeOutIn;
}

.code {
	font-family:monospace;
}

/* Tags */
body {
	font-family: Monospace;
	background-color: #000;
	color: #fff;
	margin: 0px;
	overflow: hidden;
}

* {
	user-select:none;
	scrollbar-color:transparent;
	scrollbar-width:0;
}

button {
	border:4px solid white;
	border-radius:8px;
	box-shadow: 0 0 4px #fff, 0 0 8px #fff;
	background-color:rgba(0,0,0,0.4);
	font-family:bh;
	color:white;
	font-size:2em;
	text-shadow: 0 0 4px #fff, 0 0 8px #aaaaff;
}
button:focus {
	animation:shine 600ms linear 0ms infinite;
    outline:none;
}

button:active {
    background-color:rgba(255,255,255,0.5);
}
button[disabled] {
	border:4px solid #ffffff55;
	border-radius:8px;
	box-shadow:0 0 0px #000;
	background-color:#00000055;
	text-shadow:0 0 0px #000;
	color:#ffffff55;
	pointer-events:none;
	opacity:0.7;
}

meter::-webkit-meter-bar {background:#f0f0f055;}
meter::-webkit-meter-optimum-value {background:#ff00e6;}
meter::-webkit-meter-suboptimum-value{background:red;}
meter::-webkit-meter-even-less-good-value{background:#ff00ff;}

a[class="*ar-button*"]:focus, *:focus {
	outline:none;
}

#content {
	overflow:hidden;
}

#font-preload {
	position:absolute;
	opacity:0;
	width:0px;height:0px;
	pointer-events:none;
}

#zipfile {
	opacity:0;
	display:none;
	font-family:bh;
	color:white;
	text-shadow: 0 0 4px #fff, 0 0 8px #aaaaff;
	text-align:center;
}
#zipfile::file-selector-button {
	all: initial;
	border:4px solid white;
	border-radius:8px;
	box-shadow: 0 0 4px #fff, 0 0 8px #fff;
	background-color:rgba(0,0,0,0.4);
	width:50px;height:10px;
	content: "Abrir";
	font-family:bh;
	color:white;
	text-shadow: 0 0 4px #fff, 0 0 8px #aaaaff;
	text-align:center;
	/*
	border:3px solid white;
	border-radius:8px;
	box-shadow: 0 0 4px #fff, 0 0 8px #fff;
	*/
	background-color:rgba(0,0,0,0.4);
}


/* Id Elements */
#logo {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	background-color:#000;
	background-image:url("../assets/images/menu/amDev.png");
	background-position:center;
	background-size:55% auto;
	background-repeat:no-repeat;
	z-index:996;
}
#debug {
	position:absolute;
	top:0px;left:5%;
	width:90%;height:275px;
	font-family:monospace;
	color:#aaff00;
	pointer-events:none;
	overflow:hidden;
	z-index:9999999;
}
#dev-output {
	position:relative;
	top:0px;left:0px;
	width:100%;height:auto;
	background-color:#0f0f0f66;
}
#dev-console {
	position:relative;
	top:0px;left:0px;
	width:100%;height:250px;
	background-color:#0f0f0f00;
	overflow:scroll;
}
#dev-console-scroll {
	position:absolute;
	top:0px;left:0px;
	width:30px;
	pointer-events:initial;
}
#game {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	z-index:0;
}
#video {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	object-fit:cover;
	opacity:0.9;
	z-index:-998;
}
#automode-indicator {
	position:absolute;
	top:26px;left:6%;
	font-family:DS;
	display:none;
	z-index:top;
	text-align:center;
	background-color:rgba(195,0,0,0.7);
	border-radius:5px;
	padding:5px;
	animation:shine_text 1000ms linear 0ms;
}

.mmdc {
	position:absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	z-index:top;
}
.mmd {
	position:absolute;
	top:0px;left:50%;
	width:auto;
	height:100%;
	transform:translateX(-50%);
	background:transparent;
	background-color:transparent;
}
.mmd2 {
	position:absolute;
	top:0px;left:0px;
	width:100%;
	height:100%;
	background:transparent;
	background-color:transparent;
}

#money {
	position:absolute;
	top:2px;right:5%;
	font-family:DS;
	display:none;
	z-index:top;
}
#money-frame {
	background-color:rgba(0,0,0,0.5);
	border-radius:5px;
}
	
#novel, #tuesday {
	position:absolute;
	top:0px; left: 0px;
	width:100%;
	height:100%;
	user-select:none;
}
#novel {
	z-index:999;
	display:none;
	background-color:#000;
}
#hp-bar {
	position:absolute;
	top:0px;left:5%;
	width:90%;height:25px;
	pointer-events:none;
	display:none;
}
#performance_feedback {
	position:absolute;
	top:25px;right:5%;
	z-index:top;
	pointer-events:none;
	display:none;
}
#room_scoreboard {
	position:absolute;
	top:27px;left:5%;
	width:auto;height:auto;
	pointer-events:none;
	z-index:top;
}
#menu {
	display:none;
}
#score {
	pointer-events:none;
	z-index:-1;
	font-size:15px;
}
#select, #story {
	text-align:center;
	align-content:center;
}
#songPreview, #storyPreview, #ostPreview, #bonusPreview {
	width:90%;height:auto;
	border:4px solid white;
	border-radius:8px;
}
#zipLoadingScreen {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	font-size:30px;
}
#zipLoadingBkg, #scoreBkg {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.7;
	z-index:-999;
}
#score-counter {
	position:absolute;
	top:1%;left:5%;
	font-size:25px;
	width:90%;height:25px;
	text-align:center;
	/*color:#ff00e6;*/
	/*pointer-events:none;*/
	/*animation:shine_text 2000ms linear 0ms;*/
	display:none;
	z-index:1000;
}
#combo-counter {
	position:absolute;
	top:60%;left:50%;
	width:40%;height:25px;
	transform:translateX(-50%);
	text-align:center;
	/*color:#ff00e6;*/
	pointer-events:none;
	display:none;
	/*animation:warn_shine 1000ms linear 1ms infinite;*/
}
#rotation {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	background-color:black;
	background-image:url("../assets/images/rotate_phone.gif");
 	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	z-index:9999999999;
	display:none;
}
#qrcode {
	z-index:999999999999999999999999999999999999999999999999;
	position:absolute;
	top:50%; left:50%;
	width:250px; height:auto;
	transform:translate3d(-50%,-50%,0);
	display:none;
}
#qrcode-text {
	z-index:99999999999999999999999999999999999999999999999999909;
	position:absolute;
	bottom:0px; left:0px;
	display:none;
	width:100%;
	text-align:center;
}
#statsFps {
	position:absolute;
	top:50%;left:50%;
	transform:translate3d(-50%,-50%,0);
	pointer-events:none;
}
#stats {
	pointer-events:none;
	z-index:999999999999999999999999999999;
}
#statsDiv {
	position:absolute;
	top:0%;left:0%;
	width:100%;height:100%;
	color:green;
}
#statsDiv-left {
	position:absolute;
	top:10%;left:20%;
	width:60%;
	text-align:left;
}
#statsDiv-right {
	position:absolute;
	top:20%;left:20%;
	width:60%;
	text-align:right;
}
#commandDiv {
	position:relative;
	width:100%;height:auto;
	pointer-events:initial;
	color:#aaff00;
	font-family:monospace;
}
#commandInput {
	outline:none;
	border:0px;
	font-family:monospace;
	background-color:transparent;
	color:#aaff00;
	width:80%;
}
#commandInput::placeholder {
	color:green;
}
#pause {
	background-color:rgba(0,0,0,0.5);
}
#intro {
 	position:absolute;
   	top:0px;left:0px;
	width:100%;height:100%;
    background-color:black;
    z-index:997;
    display:none;
}
#intro_frame {
	position:absolute;
	top:50%;left:0px;
	width:100%;height:80%;
	transform:translateY(-50%);
	overflow:hidden;
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
}
#intro_debug {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:10%;
	font-family:monospace;
	color:#aaff00;
	text-align:left;
	overflow:scroll;
	pointer-events:none;
}
#intro_subtitles {
	position:absolute;
	bottom:1%;left:2%;
	width:96%;height:auto;
	text-align:center;
	font-family:ds;
	z-index:1000;
	pointer-events:none;
}
#intro_video {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	object-fit:cover;
	opacity:1;
	z-index:999;
}
#gui-notification {
	position:absolute;
	top:3%;left:3%;
	width:90%;height:auto;
	z-index:110000000000000000000;
	text-align:center;
	align-content:center;
	pointer-events:none;
}
#gui-link-message {
	position:absolute;
	top:50px;left:50%;
	transform:translateX(-50%);
	width:60%;height:auto;
	z-index:111000000000000000000;
	text-align:center;
	align-content:center;
	pointer-events:none;
}
#gui-achievement {
	position:absolute;
	top:50px;left:25%;
	width:50%;height:auto;
	z-index:722558833993653369535396539252295955952295952929925925299252595929252555292592595925292529595959252992592529925925952925925;
	//
	margin:25px;
	padding:25px;
	margin-bottom: 0px;
	box-sizing: border-box;
	border: 1px solid #3b3b3b;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.6);
	font: normal 18px/1em "monitorica", sans-serif;
	//
	text-align:center;
	color:#fff;
	align-content:center;
	pointer-events:none;
}
#gui-achievement-title {
	font-family:ds;
}

#dialog-box {
	position:absolute;
	bottom:5%;
	left:15%;
	width:70%;
	height:12%;
	z-index:84224646261941494242944925299242492795795924924242224644;
	pointer-events:all;
	//
	text-align:center;
	color:#fff;
	align-content:center;
	//
	margin:25px;
	padding:25px;
	margin-bottom: 0px;
	box-sizing: border-box;
	border: 1px solid #3b3b3b;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.6);
	font: normal 18px/1em "monitorica", sans-serif;
}

#loading {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	z-index:999999999999999999999999999999999;
}
#openZipFileBtn {
	box-shadow:none;
	border:1px solid white;
	border-radius:;
}

#lyricer {
	position: absolute;
	top:40%; left:10%;
	width:80%; height:auto;
  	/*text-shadow: 0 0 1px #EEEEEE;*/
  	color: #666666;
  	overflow: hidden;
  	text-align:center;
  	pointer-events:none;
}
#lyricer ul {
	list-style-type: none;
	padding: 5px;
}
#lyricer ul li {
	overflow: auto;
}
#lyricer ul li:hover {
	color: #428bca;
}
#lyricer .lyricer-current-line {
	font-family:ds;
	font-family:2.5em;
	color:white;
	/*text-shadow: 0 0 4px #fff, 0 0 8px #ff2d95;
	*/
	text-align:center;
}
/* editor timeline */
#timeline {
	position:absolute;
	top:5px;left:5px;
	width:50%;height:50px;
	background-color:#0f0f0f;
	border:1px solid #aaff00;
	border-radius:15px;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	text-align:left;
	z-index:1;
}
.timeline-note {
	width: 2.5px;
	height: 12.5px;
	color: white;
	position: absolute;
	background-color:#ff00ff;
	overflow:visible;
	opacity:0.85;
}
.timeline-note:hover,
.timeline-note:active {
	opacity:1;
	border:1px solid white;
}

#edit_notes_toolbar {
	position:absolute;
	top:76px;left:5px;
	width:auto;height:auto;
}
#cursor-frame {
	position:absolute;
	top:5px;left:5px;
	width:50%;height:50px;
	border:1px solid transparent;
	border-radius:15px;
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	text-align:left;
	z-index:2;
	pointer-events:none;
}
#cursor {
	position:absolute;
	top:0px;left:0px;
	width:1px;height:50px;
	background-color:white;
	transition:left 250ms linear;
	pointer-events:none;
	z-index:top;
}

#edit_notes_input {
	position:absolute;
	top:50%;left:2%;
	width:96%;height:50%;
	text-align:center;
}

#terminal {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	font-family:monospace;
	color:#aaff00;
	text-shadow:0 0 8px #aaff00;
	z-index:-1;
	pointer-events:none;
	padding:10%;
}
#terminal br {
	content:"$";
}

#user_songs_btn {
	display:none;
}
#infobox {
	position:absolute;
	top:0%;left:0%;
	width:100%;height:100%;
	padding:11.5%;
	z-index:999999999999999999999999;
}
#confirmbox {
	position:absolute;
	top:0%;left:0%;
	width:100%;height:100%;
	padding:11.5%;
	z-index:999999999999999999999999;
}
#harmony-version-indicator {
	position:absolute;
	bottom:4px;left:3%;
	pointer-events:none;
}
#online_mode, #online_room {
	z-index:1000;
}
#online_chat {
	z-index:1001;
}
/* Classes */
.large {
	font-size:large;
}
.medium {
	font-size:medium;
}
.fullscreendiv {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	overflow:hidden;
}
.full-div {
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	z-index:top;
}
.animate__animated.animate__delay-100ms {
  -webkit-animation-delay: calc(100ms * 1);
  animation-delay: calc(100ms * 1);
}
.animate__animated.animate__delay-200ms {
  -webkit-animation-delay: calc(100ms * 2);
  animation-delay: calc(100ms * 2);
}
.animate__animated.animate__delay-300ms {
  -webkit-animation-delay: calc(100ms * 3);
  animation-delay: calc(100ms * 3);
}
.animate__animated.animate__delay-400ms {
  -webkit-animation-delay: calc(100ms * 4);
  animation-delay: calc(100ms * 4);
}
.animate__animated.animate__delay-500ms {
  -webkit-animation-delay: calc(100ms * 5);
  animation-delay: calc(100ms * 5);
}
.animate__animated.animate__shineText {
  animation:shine_text 200ms linear 0ms;
}
.animate__animated.animate__shineTextBig {
  animation:shine_text_big 500ms linear 0ms;
}
.animate__animated.animate__introShakeDown {
  animation:intro_shake 12000ms linear 0ms;
}
.animate__animated.animate__introShakeUp {
  animation:intro_shake_reverse 12000ms linear 0ms;
}
.animate__animated.animate__introShakeInfinite {
  animation:intro_shake_infinite 24000ms linear 0ms infinite;
}
.credits-animation {
  position:absolute;
  top:54.5%;
  left:0px;
  width:100%;
  height:auto;
  transform:translateY(-50%);
  text-align:center;
  animation:credits 5000ms linear 0ms;
}
.meter_low {
	animation:warn_shine 200ms linear 0ms infinite;
	animation-duration:500ms;
}
.hidden {display:none}
.bhfont {
	font-family:bh;
	color:white;
	text-shadow: 0 0 4px #fff, 0 0 8px #aaaaff;
	text-align:center;
}
.no-shine {
	text-shadow:none;
	box-shadow:none;
}
.no-shine:active {
	text-shadow:none;
	box-shadow:none;
}
.dsfont {
	font-family:ds;
	color:white;
	text-shadow: 0 0 4px #fff, 0 0 8px #aaaaff;
	text-align:center;
}
.kiaro {
	font-family:kiaro;
	color:white;
	text-shadow: 0 0 4px #fff, 0 0 8px #aaaaff;
	text-align:center;
}
.tsfont {
	font-family:ts;
	color:white;
	text-shadow: 0 0 4px #fff, 0 0 8px #aaaaff;
	text-align:center;
}

[id*="menu-"] {
	width:70%;
	height:100%;
	overflow:hidden;
	scrollbar-width:0px;
}

.menuTab-left {
	position:absolute;
	top:0%;left:0%;
	width:50%;
	height:100%;
	text-align:left
}

.menuTab-right {
	position:absolute;
	top:0%;right:0%;
	width:40%;height:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	max-width:40%;
}

.menuTab-center {
	position:absolute;
	top:0%;left:25%;
	width:50%;
	height:100%;
	text-align: center
}

.msg {
	position:relative;
	width:100%;height:auto;
	padding:10px;
}
.user-msg, .publisher-msg {
	font-size:1.2em;
	margin:16px;
	padding:10px;
	border-radius:5px;
	word-wrap:break-word;
}
.user-msg {
	background-color: brown;
	text-align:right;
	align-content:right;
	align-self:right;
}
.publisher-msg {
	background-color: gray;
	text-align:left;
	align-content:left;
	align-self:left;
}

.edit_notes_input_btn, .edit_notes_input_btn:focus {
	position:relative;
	width:23.5%;height:95%;
	margin:0px;
	padding:0px;
	border:1px solid black;
	background-color:#000000DF;
	animation:none;
}
.edit_notes_input_btn:active {
	border:1px solid #ffffff;
	background-color:#FFFFFFDF;
	animation:none;
}

.menu-subtitle {
}

.autoModeCheckbox {
	position:absolute;
	bottom:5px;right:5px;
}

/*
.right {
	text-align:right;
	align-content: right;
	align-self:right;
}
.left {
	text-align:left;
	align-content: left;
	align-self:left;
}
.center {
	text-align:center;
	align-content:center;
	align-self:center;
}
*/

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom:25px;
}

.interactive_button {
	all: initial;
	background-color:transparent;
	opacity:0;
}
.interactive_button:active, .interactive_button:hover {
	animation:warn_shine 100ms linear 0ms infinite;
}
.navigation_button {
	background-color:rgba(0,0,0,0.4);
	border-radius:5px;
}
.navigation_button:active, .navigation_button:focus {
	animation:warn_shine 200ms linear 0ms infinite;
	text-shadow: 0 0 4px #fff;
}

// effects
.scanlines {
    overflow: hidden;
    position: relative;
}
.scanlines:before,
.scanlines:after {
    display: block;
    pointer-events: none;
    user-select:none;
    content: "";
    position: absolute;
}
.scanlines:before {
    width: 100%;
    height: 1px;
    z-index: 2147483649;
    background: rgba(0, 0, 0, 0);
    opacity: 0.1;
    animation: scanline 6s linear infinite;
}
.scanlines:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483648;
    background: linear-gradient(
        to bottom,
        transparent 50%,
        rgba(0, 0, 0, 0.3) 51%
    );
    background-size: 100% 4px;
    animation: scanlines 1s steps(60) infinite;
}
.noAnimation {
	animation:none;
}
.noAnimation:before {
    animation:none;
}
.noAnimation:after {
    animation:none;
}
@keyframes scanline {
    0% {
        transform: translate3d(0, 200000%, 0);
    }
}
@keyframes scanlines {
    0% {
        background-position: 0 50%;
    }
}

.perspective {
	transform:perspective(150px);
}

.gui-frame {
	width: 100%;
	padding: 13px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: 1px solid #3b3b3b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	font: normal 18px/1em "monitorica", sans-serif;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gold, gold {
	background-image: linear-gradient(
		to right,
		#462523 0,
		#cb9b51 22%, 
		#f6e27a 45%,
		#f6f2c0 50%,
		#f6e27a 55%,
		#cb9b51 78%,
		#462523 100%
	);
	color:transparent;
	-webkit-background-clip:text;
}

.wide-button {
    position: relative;
    width: 96%;
    padding: 13px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #1ca696;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #17877a;
    color: #fff;
    font: normal 15px/1em "pirulen", sans-serif;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.wide-button:hover {
    border: 1px solid #12685e;
    background: #0d4e47;
}