body {
	background:#fff;
	color:#000;
	font-family:Roboto, sans-serif;
	margin:0px;
	padding:0px;
}
::moz-selection {
	color:#fff;
	background:#000;
}
::selection {
	color:#fff;
	background:#000;
}
::-webkit-scrollbar {
  width: 0px;
}
::-webkit-scrollbar-thumb {
  background: #888; 
}
.anim1 {
	transition:0.2s;
}
.tt1 {
	text-align:center;
	font-weight:bold;
	font-size:12vw;
}
.tt1:hover {
	color:#777;
	transition:0.5s;
}
.tt2 {
	text-align:center;
	font-weight:bold;
	font-size:4vh;
	color:#7a7a7a;
}
.tt3 {
	text-align:center;
	font-weight:normal;
	font-size:3.5vh;
	color:#939393;
}
.spa1 {
	letter-spacing:12px;
	margin-right:-12px;
	margin-top:30px;
	margin-bottom:5px;
}
.spa1:hover {
	letter-spacing:25px;
	margin-right:-25px;
}
.ds1 {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100vh;
	margin:0px;
	padding:0px;
	transition:0.2s;
	background:#fff;
	color:#000;
}
.ds2 {
	display:flex;
	height:1111vh;
}
.ds3 {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100vh;
	margin:0px;
	padding:0px;
	transition:0.2s;
	background:#000;
	color:#fff;
}
.grad1 {
	background-image: linear-gradient(#fff, #000);
}
.over1 {
	overflow:hidden;
}