woh code

<style>
@import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
body {
	background-color: #000;
	background-image: url('https://i.ibb.co/jT9LH2K/wohtest3.png') ;
	background-position: fixed;
 background-size: 85%;
	background-repeat:no-repeat;
	background-position: center;
 	font-family: ;
	color: #7c7c7c;
 	text-shadow:0px 0px 3px #000;
}

#navi1 {position: fixed;
 left: 72.5vw;
 top: 2.8vw;
 z-index: 5;
vertical-align: top;
}

#navi1 a {
background-image: url('https://i.ibb.co/HH9pqHH/wohbutton1unhover.png') ;
background-size: 100%;
display: inline-block;
opacity: 1;
height: 30px;
width: 215px;

}

#navi1 a:hover {
background-image: url('https://i.ibb.co/61gfnwY/wohbutton1hover.png') ;
background-size: 100%;
display: inline-block;
}

#navi2 {position: fixed;
 left: 72.5vw;
 top: 5.3vw;
 z-index: 5;
vertical-align: top;
}

#navi2 a {
background-image: url('https://i.ibb.co/SKwPvZL/wohbutton2unhover.png') ;
background-size: 100%;
display: inline-block;
opacity: 1;
height: 30px;
width: 215px;
}

#navi2 a:hover {
background-image: url('https://i.ibb.co/p2HnG9X/wohbutton2hover.png') ;
background-size: 100%;
display: inline-block;
}

#navi3 {position: fixed;
 left: 72.5vw;
 top: 7.8vw;
 z-index: 5;
vertical-align: top;
}

#navi3 a {
background-image: url('https://i.ibb.co/4VnpHMX/wohbutton3unhover.png') ;
background-size: 100%;
display: inline-block;
opacity: 1;
height: 30px;
width: 215px;
}

#navi3 a:hover {
background-image: url('https://i.ibb.co/877MTm7/wohbutton3hover.png') ;
background-size: 100%;
display: inline-block;
}

#navi4 {position: fixed;
 left: 72.5vw;
 top: 10.3vw;
 z-index: 5;
vertical-align: top;
}

#navi4 a {
background-image: url('https://i.ibb.co/vzYtpLC/wohbutton4unhover.png') ;
background-size: 100%;
display: inline-block;
opacity: 1;
height: 30px;
width: 215px;
}

#navi4 a:hover {
background-image: url('https://i.ibb.co/FgVT3dw/wohbutton4hover.png') ;
background-size: 100%;
display: inline-block;
}

#navi5 {position: fixed;
 left: 72.5vw;
 top: 12.8vw;
 z-index: 5;
vertical-align: top;
}

#navi5 a {
background-image: url('https://i.ibb.co/rMjffgM/wohbutton5unhover.png') ;
background-size: 100%;
display: inline-block;
opacity: 1;
height: 30px;
width: 215px;
}

#navi5 a:hover {
background-image: url('https://i.ibb.co/sjp80JW/wohbutton5hover.png') ;
background-size: 100%;
display: inline-block;
}

.content{
position: fixed;
top: 3vw;
left: 9vw;
z-index: 1;
opacity: 0;

}

.content:target{
top: 3vw;
left: 9vw;
z-index: 1;
opacity: 1;

}

.contentbox{
background-color: #
font-family: 'Caveat Brush', cursive;
font-size:16px;
color: #000;
letter-spacing: 0px;
width: 800px;
height: 800px;
overflow: auto;
position: fixed;
z-index: 1;
text-shadow:none;
opacity: 1;
}


</style>
<body>

<div id="navi1"><a href="#one"></a></div></div>
<div id="navi2"><a href="#two"></a></div></div>
<div id="navi3"><a href="#three"></a></div></div>
<div id="navi4"><a href="#four"></a></div></div>
<div id="navi5"><a href="#five"></a></div></div>

 <div id="one" class="content"><div class="contentbox">
<span style="float:right;"><a href="#"><img src="https://i.ibb.co/6YtFCL3/wohresetbutton.png" width="20" ></a></span>
<img src="https://i.ibb.co/J3Phcfv/wohtextboxstatus.png" width="800" >


</div>
</div>

 <div id="two" class="content"><div class="contentbox">
<span style="float:right;"><a href="#"><img src="https://i.ibb.co/6YtFCL3/wohresetbutton.png" width="20" ></a></span>
<img src="https://i.ibb.co/KFSqjhW/wohtextboxequip.png" width="800" >


</div>
</div>

 <div id="three" class="content"><div class="contentbox">
<span style="float:right;"><a href="#"><img src="https://i.ibb.co/6YtFCL3/wohresetbutton.png" width="20" ></a></span>
<img src="https://i.ibb.co/F5qbH9c/wohtextboxmysteries.png" width="800" >


</div>
</div>

 <div id="four" class="content"><div class="contentbox">
<span style="float:right;"><a href="#"><img src="https://i.ibb.co/6YtFCL3/wohresetbutton.png" width="20" ></a></span>
<img src="https://i.ibb.co/2P16sJR/wohtextboxallies.png" width="800" >


</div>
</div>

 <div id="five" class="content"><div class="contentbox">
<span style="float:right;"><a href="#"><img src="https://i.ibb.co/6YtFCL3/wohresetbutton.png" width="20" ></a></span>
<img draggable="false" src="https://i.ibb.co/9nWfSRg/wohtextboxooc.png" width="800">


</div>
</div>


</body>
</body>