html{
	overflow-x:hidden;
}
.cimg1{
	margin-top: 3vw;
	width:100%;
	height: auto;
}
.cimg2{
	margin: 20vw;
	width: 60vw;
}
.hdd2{
	width:10vw;
	height:auto;
}
h1{
	float:right;
	font-size: 4.5vw;
	font-family: "subway";
	color: rgb(151,0,0);
	margin-left:5vw;
	font-weight: 500;
}
.hdd{
	display:flex;
	position:relative;
	margin-left:20vw;
	margin-right: 20vw;
}
.cimg3{
	position:relative;
	width:200vw;
	margin-bottom: 10vw;
	animation: an1 3s linear infinite;
	image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
	image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}
.dv1{
	font-family: 'CS', cursive;
	font-size: 2.5vw;
}
.dga1{
	margin-left:20vw;
	position:absolute;
}
.dga2{
	margin-right:20vw;
	position:absolute;
	margin-left:55vw;
	text-align: right;
	float:right;
}
@font-face {
    font-family: 'subway';
    src: url("./media/SUBWT___.ttf");
}
@font-face {
    font-family: 'CS';
    src: url("./media/CS.ttf");
}
@keyframes an1{
	0% {
		left: 0px;
	}
	100%{
		left: -100vw;
	}
}
@media screen and (max-width: 550px) {
	body {
		word-break: break-word;
	}
	.dv1{
		font-size: 5vw;
		display:relative;
	}
	.hdd{
		margin-left:0vw;
		margin-right: 0vw;
	}
	.dga1{
		margin-left:0vw;
		display:relative;
	}
	.dga2{
		margin-top: 40vw;
		margin-right:0vw;
		margin-left:0vw;
		display:relative;
		text-align: left;
	}
	.cimg2{
		margin-top: 60vw;
		margin-left: 0px;
		width: 100vw;
	}
}