koichi

<style>
@import url('https://fonts.googleapis.com/css2?family=Faster+One&family=Racing+Sans+One&display=swap');
body {
background-color: #c2c724;
background-image: url("https://www.transparenttextures.com/patterns/checkered-pattern.png"), linear-gradient(230deg, #283478, #d32329, #f1dd3f);;
	background-position: fixed;
	background-repeat:repeat;
	background-position: right bottom;}

.title1{
 position: fixed;
 bottom: 5vw;
 left: 52vw;
padding: 1px;
font-family: 'Racing Sans One', cursive;
text-decoration: none;
font-size: 4vh;
color: #000;
display: inline-block;
opacity: 1;
height: 10vh;
width: 77vh;
z-index: 7;
}

.title2{
 position: fixed;
 bottom: 3vw;
 left: 35vw;
padding: 1px;
font-family: 'Faster One', cursive;
text-decoration: none;
font-size: 9vh;
color: #000;
display: inline-block;
opacity: 1;
height: 10vh;
width: 77vh;
z-index: 7;
}
.koichi{
 position: fixed;
 top: 0vw;
 left: 34vw;
background-image: url('https://i.ibb.co/nQ3V1tg/koichiog.png') ;
 background-size: cover;
background-repeat: no-repeat;
 z-index: 2;
opacity: 1;
transition: .8s;
height: 80vh;
width: 55vh;
}

.koichi a {
display: inline-block;
}

.koichi:hover {
background-image: url('https://i.ibb.co/2MRw7FW/koichiedit1-5.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
}
.bar1{
 position: fixed;
 bottom: 3vw;
 left: -5vw;
background-image: url('https://i.ibb.co/71J02Qx/koichibar2.jpg') ;
height: 15vh;
width: 75vw;
transform: skew(-20deg);
z-index: 4;
}
.bar2{
 position: fixed;
 bottom: 2vw;
 left: -4vw;
background-image: url('https://i.ibb.co/9nTK2QQ/koichibar3.jpg') ;
height: 15vh;
width: 75vw;
transform: skew(-20deg);
z-index: 3;
}

.bar3{
 position: fixed;
 bottom: 1vw;
 left: -3vw;
background-image: url('https://i.ibb.co/HK0mBVW/koichibar.jpg') ;
height: 15vh;
width: 75vw;
transform: skew(-20deg);
z-index: 2;
}


</style>
<body>

<div class="koichi">
</div>

<div class="bar1">
</div>

<div class="bar2">
</div>

<div class="bar3">
</div>

<div class="title1">
Koichi Haimawari
</div>

<div class="title2">
The Crawler
</div>

</body>