/* CSS Document */

body, html {
    width:100vw ;
    height: 100vh;
    overflow: auto;
}

body {
    background: rgba(50,50,50,1);
    color:#FFF;
}

/* CSS Document */
									/*---------------------FONTS----------------*/
@font-face {
	font-family:"Century Gothic";
	src:url(../polices/GOTHIC.TTF) format('truetype');
	font-weight:normal;
}
@font-face {
	font-family:"Century Gothic";
	src:url(../polices/GOTHICB.TTF) format('truetype');
	font-weight:bold;
}
@font-face {
	font-family:"Century Gothic";
	src:url(../polices/GOTHICBI.TTF) format('truetype');
	font-weight:bold;
	font-style:italic;
}
@font-face {
	font-family:"Century Gothic";
	src:url(../polices/GOTHICI.TTF) format('truetype');
	font-style:italic;
}

* {
	font-family:"Century Gothic";
}



									/*---------------------DOCUMENT----------------*/
html, body {
	width:100%;
	height:100%;
    overflow:auto;
	font-size:12px;
	padding:0px;
	margin:0px;
}


									/*---------------------BOUTONS----------------*/

/* FULL BUTTONS: */
.full_button {
	background:rgba(0,198,248,0.5);
	text-transform:uppercase;
	padding:10px;
	text-align:center;
	cursor:pointer;
	opacity:1;
	border:none;
	-webkit-transition:all ease-in-out 0.2s;
	-moz-transition:all ease-in-out 0.2s;
	-ms-transition:all ease-in-out 0.2s;
	transition:all ease-in-out 0.2s;
	width:100%;
	box-sizing:border-box;
}
.full_button:hover {
	background:rgba(0,198,248,1);
	opacity:1;
}

.full_button.green {
	background:rgba(140,255,0,0.5);
}
.full_button.green:hover {
	background:rgba(140,255,0,1);
}

.full_button.orange {
	background:rgba(255,200,0,0.5);
}
.full_button.orange:hover {
	background:rgba(255,200,0,1);
}

.full_button.red {
	background:rgba(255,50,0,0.5);
}
.full_button.red:hover {
	background:rgba(255,50,0,1);
}

.full_button.pink {
	background:rgba(255,0,200,0.5);
}
.full_button.pink:hover {
	background:rgba(255,0,200,1);
}