@charset "UTF-8";

@font-face{
font-family:'ActualRegular';
src:url('./webfont/Actual-Regular.eot');
src:local(※), 
	url('./webfont/Actual-Regular.woff') format('woff');
}
@font-face{
font-family:'fifty';
src:url('./webfont/Fifty-Regular.eot');
src:local(※), 
	url('./webfont/Fifty-Regular.woff') format('woff');
}
@font-face{
font-family:'palais';
src:url('./webfont/Palais-Palais.eot');
src:local(※), 
	url('./webfont/Palais-Palais.woff') format('woff');
}
@font-face{
font-family:'ActualMedium';
src:url('./webfont/Actual-Medium.eot');
src:local(※), 
	url('./webfont/Actual-Medium.woff') format('woff');
}
@font-face{
font-family:'ActualMediumItalic';
src:url('./webfont/Actual-MediumItalic.eot');
src:local(※), 
	url('./webfont/Actual-MediumItalic.woff') format('woff');
}
@font-face{
font-family:'discord';
src:url('./webfont/discord-Display.eot');
src:local(※), 
	url('./webfont/discord-Display.woff') format('woff');
}
@font-face{
font-family:'March';
src:url('./webfont/March-Display.eot');
src:local(※), 
	url('./webfont/March-Display.woff') format('woff');
}



body{
	font-family: 'ActualRegular';
	line-height: 1.3em;
	letter-spacing:1px;
	font-size: 15px;
}
table{
	font-family: 'ActualRegular';
	line-height: 1.3em;
	letter-spacing:1px;
	font-size: 15px;
}

select{
	font-family: 'ActualRegular';
	margin-left: -5px;
	line-height: 1.3em;
	letter-spacing:1px;
	font-size: 15px;
}

.actualfont{
	font-family: 'ActualRegular';
	font-weight: normal;
	border:none;
	font-size: 60px;
}
.fiftyfont{
	font-family: 'fifty';
	font-weight: normal;
	border:none;
	font-size: 60px;

}
.palaisfont{
	font-family: 'palais';
	font-weight: normal;
	border:none;
	font-size: 60px;

}
.discordfont{
	font-family: 'discord';
	font-weight: normal;
	border:none;
	font-size: 60px;

}
.Marchfont{
	font-family: 'March';
	font-weight: normal;
	border:none;
	font-size: 60px;

}


input[type="range"] {
  -webkit-appearance: none !important;
  width: 100%;
  height: 1px;
  background-color: #000000;
  border-radius: 3px;
  width: 150px;
}
input[type="range"]:hover {
  background-color: #000000;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 9px;
  height: 9px;
  background-color: #000000;
  //border-radius: 20px;
}
input:focus {
    outline: 0;
}
input[type="text"] {
outline-style: none;
width:100%;

}
input
{
    width:100%;
}


select {
	background-color: #fff;
	border: 0px;
	outline-style: none;
}

#header {
   width:100%;
   height:20px; 
   position: fixed;

}

#footer {
   bottom:0;
   width:100%;
   Height:35px;   
   position: fixed;


}