
<!-- HI So if ur gonna use my code all i ask is u make it personal to u. Like u can take whatever u want but PLS tweak things at least a LITTLE because the joy of making ur own site is that it is URS. ok thx 
 
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠞⠓⢄⠀⠀⠀⠀⠀⢀⣀⣀⣀⣀⣀⣀⣀⣀⡀⠀⠀⠀⠀⠀⢀⡠⠊⢱⡄⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡎⠀⠀⠀⠙⠾⣿⠛⠛⠛⠋⠉⠉⠉⠉⠉⠉⠙⠛⠻⢿⣶⣶⡴⠋⠀⠀⠀⢻⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣾⠅⠀⠀⠀⠀⠀⢻⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⡏⡀⠀⠀⠀⠀⢸⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣾⠟⣿⠀⢠⠀⠤⠒⠀⣰⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣆⠀⠀⠀⠀⠀⢸⡄⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⠟⠁⠀⠹⣧⣄⣀⣤⣴⠿⠏⠀⣠⡶⠶⣤⠀⠀⠀⠀⠀⠀⠀⢠⡶⠶⣟⠳⢦⣤⣀⣠⣼⣷⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⠏⠀⠀⠀⠀⠈⠉⠉⠉⠀⠀⠀⠀⠸⢦⣤⠟⠀⠀⣤⠶⠶⢦⡄⠸⢦⣤⠟⠀⠀⠈⠉⠉⠉⢿⣧
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡟⠀⠀⠀⢀⣠⣤⣤⣤⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣦⣴⣾⣃⠀⠀⠀⠀⠀⢀⣠⣶⣶⣄⠸⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡧⠀⠀⢠⣾⣿⣿⣿⠟⠛⠛⠿⣶⣦⣤⣤⣤⣴⡾⠿⠋⠁⠈⠙⠻⢿⣶⣶⣶⣾⡿⠛⠉⠻⣿⡇⢿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⡇⢠⡆⢸⣿⣿⣿⡇⠀⠀⠀⠀⠈⢿⣿⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⣿⠁⠀⠀⠀⣿⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡞⠁⢸⣿⣿⣿⣿⡀⠀⠀⠀⠀⠈⠻⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠟⠁⠀⠀⠀⢸⣿⣿⡿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣷⡄⠸⣿⣿⣿⠙⠇⢠⢸⣦⣷⣴⣦⣬⡃⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣃⣤⣤⣤⣆⣼⢋⣾⣿⠇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣿⣄⣿⣿⣿⣧⠀⠘⣿⡏⠀⢸⣟⣿⣿⠏⢲⠀⠀⠀⠀⠀⢠⡞⢹⣿⣿⣿⠀⠈⣹⣿⣿⠏⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢻⣿⣿⣿⣿⣧⠀⠈⠙⠲⣦⣿⡿⠿⠟⠋⠀⠀⠀⠀⠀⠀⠙⠲⠿⣿⣯⡶⠚⢋⣿⠋⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣧⡀⠀⠀⠀⠀⠀⠀⠀⢴⡀⠀⣀⡀⠀⢠⡄⠀⠀⠀⠀⠀⣴⡿⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢶⣤⣼⠟⢻⣿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠈⠻⡾⠉⠙⠿⠏⠀⠀⠀⣀⣴⣾⣿⣧⣀⣤⡶⠋
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣿⣿⣿⣿⣿⣿⣶⣦⣤⣀⣀⠀⠀⣀⣀⣀⣀⣀⣀⣠⣴⣶⠿⠛⠻⣿⣿⣿⡿⠋⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠁⠙⠿⣿⠟⠋⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠛⣿⠀⠀⠀⠀⠈⠙⠋⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡏⠀⠀⢶⡀⠈⠈⣿⣿⣿⣿⣿⣿⣿⣿⡿⣿⣿⣿⡉⠙⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠘⣧⠀⢠⣿⣿⣿⣿⣿⢹⣿⣿⢳⣿⣿⣿⡇⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠇⠀⠀⠀⢹⡆⢸⣿⣿⣿⣽⣿⣿⣿⣧⣿⣿⣿⣿⠃⠀⢹⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠀⠀⠀⠀⢿⠸⣿⣿⣿⣿⣿⣿⣿⣹⣿⣿⣿⣿⡀⠀⢸⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⡿⠀⠀⠀⠀⠀⠘⣇⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡏⠀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡏⠀⠀⠀⠀⠀⠀⢻⡿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⠿⣿⠀⣸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⠀⠀⠀⠄⠀⠀⢸⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡀⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⡇⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⢀⣴⠞⠋⠀⠀⠀⠀⢸⡇⢸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣠⣤⣶⡿⠛⣿⠁⠀⠀⡀⠀⠀⠀⢸⠀⠀⠀⠀⠸⣿⠀⠀⠀⠀⠀⠀⢸⡇⠀⢿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣴⣶⠿⠿⠟⠛⠛⠛⠛⠋⠉⢉⣀⣤⣴⣿⠀⠀⠀⠀⠈⠀⠀⢸⡇⠀⠀⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⣷⡀⠘⣧⡀⠀⠀⠀⠀⠀⠀⠀⠀
⠻⢿⣶⣤⣤⣴⡶⠶⠶⣟⣻⣿⣭⡽⠶⠿⣦⡀⠀⠀⠀⠀⠀⢘⣥⣤⣤⣤⣴⣿⡆⠀⣠⣶⠿⠛⠛⠛⠻⢶⣌⡙⠲⣤⣀⠀⠀⠀⠀⠀
⠀⠀⠀⣠⣤⣴⠖⠚⠋⠉⠉⠀⠀⠀⠀⠀⠈⠛⠆⠀⠀⠀⢠⣾⠋⠉⠉⠉⠉⠹⢿⣿⣟⣁⡀⠀⠀⠀⠀⠀⠹⣿⣄⣀⣉⣛⣲⣤⣀⠀
⠀⠀⠀⠈⠉⠉⠛⠛⠛⠛⠒⠶⠶⠶⠦⠤⣤⣤⣤⣤⣤⠶⠞⠿⠶⣶⣤⣤⣤⣴⣾⡿⠉⠙⠛⠻⠶⠶⠶⠶⠿⠟⠉⠉⠉⠉⠉⠉⠉⠁
 -->


<!-- mouse sound effect -->  
<script>
 
// Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
// Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
 
//** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
//** Call: uniquevar.playclip() to play sound
 
var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
"mp3": "audio/mpeg",
"mp4": "audio/mp4",
"ogg": "audio/ogg",
"wav": "audio/wav"
}
 
function createsoundbite(sound){
var html5audio=document.createElement('audio')
if (html5audio.canPlayType){ //check support for HTML5 audio
for (var i=0; i<arguments.length; i++){
var sourceel=document.createElement('source')
sourceel.setAttribute('src', arguments[i])
if (arguments[i].match(/\.(\w+)$/i))
sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
html5audio.appendChild(sourceel)
}
html5audio.load()
html5audio.playclip=function(){
html5audio.pause()
html5audio.currentTime=0
html5audio.play()
}
return html5audio
}
else{
return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
}
}
 
//Initialize two sound clips with 1 fallback file each:
 
var mouseoversound=createsoundbite("https://files.catbox.moe/04kri6.wav")
var clicksound=createsoundbite("https://files.catbox.moe/wsfcxc.wav")
 
</script>
 
<script>
document.getElementById("img").addEventListener("click", function(){
document.getElementById("audio").play();
});
</script>



 <style>
  body{
font-family: mamemoji;
  color: #ff80ae;


</style>


<style>

    .borderjournal{
     position:absolute;
    top:215px;
    left:660px;
    width: 200px;
    height: 65px;
    border-style: solid;
    border-image: url("https://files.catbox.moe/ccsh5u.png") 4 fill round;
} 

    .musicplayer{
     position:absolute;
    top:215px;
    left:-1000px;
} 

    .journaltext{
     position:absolute;
    top:-17px;
    left:20px;
    width: 420px;
    height: 70px;


}


    .myjournal{
     position:absolute;
    top: 70px;
    left:250px;


}

    .buttoncontainer{
     position:absolute;
    top:170px;
    left:-570px;
    width: 650px;
    height: 70px;


}
.firstbutton{
background: rgb(252,199,212);
background: linear-gradient(0deg, rgba(252,199,212,1) 5%, rgba(255,102,144,1) 20%, rgba(255,102,144,1) 50%, rgba(247,161,184,1) 100%);
	color:#ffffff;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
filter: drop-shadow(2px 0 0 white) 
        drop-shadow(0 2px 0 white) 
        drop-shadow(-2px 0 0 white) 
        drop-shadow(0 -2px 0 white) 
        drop-shadow(0px 1px 1px #FFB6D1) 
        drop-shadow(0px 1px 1px #FFB6D1);

}
.firstbutton:hover {
background: rgb(252, 180, 200);
background: linear-gradient(0deg, rgba(252, 180, 200, 1) 5%, rgba(255, 80, 130, 1) 20%, rgba(255, 80, 130, 1) 50%, rgba(247, 140, 170, 1) 100%);
    font-weight: bold;
    font-style: italic; 

}
.firstbutton:active {
	position:relative;
	top:1px;
}


.secondbutton{
background: rgb(255, 247, 210);
background: linear-gradient(0deg, rgba(255, 247, 210, 1) 5%, rgba(250, 225, 140, 1) 20%, rgba(250, 225, 140, 1) 50%, rgba(255, 247, 210, 1) 100%);
	color:#ffffff;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
filter: drop-shadow(2px 0 0 white) 
        drop-shadow(0 2px 0 white) 
        drop-shadow(-2px 0 0 white) 
        drop-shadow(0 -2px 0 white) 
        drop-shadow(0px 1px 1px #FFF5A4) 
        drop-shadow(0px 1px 1px #FFF5A4); 

}
.secondbutton:hover {
background: rgb(255, 235, 180);
background: linear-gradient(0deg, rgba(255, 235, 180, 1) 5%, rgba(250, 210, 100, 1) 20%, rgba(250, 200, 80, 1) 50%, rgba(255, 235, 180, 1) 100%);

    font-weight: bold;
    font-style: italic; 

}
.secondbutton:active {
	position:relative;
	top:1px;
}


.thirdbutton{
background: rgb(255,221,205);
background: linear-gradient(0deg, rgba(255,221,205,1) 5%, rgba(255,166,127,1) 20%, rgba(255,142,95,1) 50%, rgba(255,221,205,1) 100%);
	color:#ffffff;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
filter: drop-shadow(2px 0 0 white) 
        drop-shadow(0 2px 0 white) 
        drop-shadow(-2px 0 0 white) 
        drop-shadow(0 -2px 0 white) 
        drop-shadow(0px 1px 1px #FFD1A1) 
        drop-shadow(0px 1px 1px #FFD1A1); 


}
.thirdbutton:hover {
background: rgb(255, 200, 185);
background: linear-gradient(0deg, rgba(255, 200, 185, 1) 5%, rgba(255, 140, 90, 1) 20%, rgba(255, 115, 65, 1) 50%, rgba(255, 200, 185, 1) 100%);
    font-weight: bold;
    font-style: italic; 

}
.thirdbutton:active {
	position:relative;
	top:1px;
}


.fourthbutton{
background: rgb(232,255,213);
background: linear-gradient(0deg, rgba(232,255,213,1) 5%, rgba(188,255,129,1) 20%, rgba(156,227,80,1) 50%, rgba(232,255,213,1) 100%);	
color:#ffffff;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
filter: drop-shadow(2px 0 0 white) 
        drop-shadow(0 2px 0 white) 
        drop-shadow(-2px 0 0 white) 
        drop-shadow(0 -2px 0 white) 
        drop-shadow(0px 1px 1px #B8E2C1) 
        drop-shadow(0px 1px 1px #B8E2C1);

}
.fourthbutton:hover {
background: rgb(210, 255, 190);
background: linear-gradient(0deg, rgba(210, 255, 190, 1) 5%, rgba(160, 255, 90, 1) 20%, rgba(130, 210, 60, 1) 50%, rgba(210, 255, 190, 1) 100%);
    font-weight: bold;
    font-style: italic; 

}
.fourthbutton:active {
	position:relative;
	top:1px;
}

.fifthbutton{
background: rgb(255,213,229);
background: linear-gradient(0deg, rgba(255,213,229,1) 5%, rgba(255,169,207,1) 20%, rgba(255,150,191,1) 50%, rgba(255,213,229,1) 100%);
color:#ffffff;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
filter: drop-shadow(2px 0 0 white) 
        drop-shadow(0 2px 0 white) 
        drop-shadow(-2px 0 0 white) 
        drop-shadow(0 -2px 0 white) 
        drop-shadow(0px 1px 1px #FFCCE5) 
        drop-shadow(0px 1px 1px #FFCCE5); 

}
.fifthbutton:hover {
background: rgb(255, 190, 220);
background: linear-gradient(0deg, rgba(255, 190, 220, 1) 5%, rgba(255, 140, 190, 1) 20%, rgba(255, 120, 175, 1) 50%, rgba(255, 190, 220, 1) 100%);
    font-weight: bold;
    font-style: italic; 

}
.fifthbutton:active {
	position:relative;
	top:1px;
}



.sixthbutton{
background: rgb(254,228,255);
background: linear-gradient(0deg, rgba(254,228,255,1) 5%, rgba(255,181,239,1) 20%, rgba(224,150,237,1) 50%, rgba(254,228,255,1) 100%);color:#ffffff;
	font-size:15px;
	padding:9px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
filter: drop-shadow(2px 0 0 white) 
        drop-shadow(0 2px 0 white) 
        drop-shadow(-2px 0 0 white) 
        drop-shadow(0 -2px 0 white) 
        drop-shadow(0px 1px 1px #D8B6F5)
        drop-shadow(0px 1px 1px #D8B6F5); 

}
.sixthbutton:hover {
background: rgb(252, 210, 255);
background: linear-gradient(0deg, rgba(252, 210, 255, 1) 5%, rgba(255, 150, 230, 1) 20%, rgba(210, 120, 230, 1) 50%, rgba(252, 210, 255, 1) 100%);
    font-weight: bold;
    font-style: italic; 

}
.sixthbutton:active {
	position:relative;
	top:1px;
}

    .headerimage{

    position:absolute;
    top:15px;
    left:10px;
    width:876px;
    height:330px;
    background-image: url('https://files.catbox.moe/bpsz8r.jpg'); 
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    border-style: solid;
 border: 3px ridge white;
 box-shadow: 0px 0px 5px #A6DCEF;
    color: #ff80ae;
} 


        </style>

<style>
    .allcontent{
    position:absolute;
    top:5px;
    left:360px;
    width:905px;
    height:1400px;
    border-style: solid;
    border-radius: 5px;
    border-width: 8px;
    border-image: url("https://files.catbox.moe/kzam7h.png") 8 fill round;
    float: left;
    margin: 10px;
    padding: 10px;
 box-shadow: 0px 0px 3px #A6DCEF;
background:white;

}

    .allcontentborder{
    position:absolute;
    top:1px;
    left:-5px;
    width:887px;
    height:1370px;
 border: 3px ridge white;

 box-shadow: 0px 0px 2px #A6DCEF;
    color: #ff80ae;

    float: left;
    margin: 10px;
    padding: 10px;
    background-color:white;
}

</style>


<style>

/****** fonts ******/ 
 
@font-face{
font-family:mamemoji;
src:url(https://files.catbox.moe/kyguk9.ttf);
}
 
@font-face{
font-family: Rounded;
src: url(https://files.catbox.moe/ur2f53.ttf);
}


::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: white; 
}

::-webkit-scrollbar-thumb {
  background-image: url(https://gifs.crd.co/assets/images/gallery07/689a634a.jpg?v=ef433a6f);
background-size: 70px auto; 
background-repeat: repeat;
    
border-radius: 10px;
    border: 2px solid #ffccdb;
}

 ::selection {
background-color: #fff2f7;
  color: #ff80ae;
}

        h3 {
font-size: 30px;
font-family: mamemoji;
width: 577px;
height: 21px;
color: rgba(255,169,207,1) ;
filter: drop-shadow(2px 0 0 white) 
        drop-shadow(0 2px 0 white) 
        drop-shadow(-2px 0 0 white) 
        drop-shadow(0 -2px 0 white) 
        drop-shadow(0px 1px 1px #FF73BA); 


}

        h5 {
font-size: 14px;
font-family: mamemoji;


}



</style>

<style>

}
.main {
}

.main iframe{
    border: none;
    overflow: hidden;
    height: 450px;
    width: 490px;
}

.container {
    border: none;

}
.index {
filter: drop-shadow(2px 0 0 white) 
        drop-shadow(0 2px 0 white) 
        drop-shadow(-2px 0 0 white) 
        drop-shadow(0 -2px 0 white) 
        drop-shadow(0px 1px 1px #FFB6D1) 
        drop-shadow(0px 1px 1px #FFB6D1);


</style>

<style>

.game-link h4 {
    border-bottom: 2px dotted rgba(255,102,144,1); 
    color: #ff80ae;
}

a {
    text-decoration: none;
}

a[href="https://syrno.net/"] {
    font-weight: bold; 
    color: #ffbfdb;
    border-bottom: 2px dotted #ffbfdb; 
}

.italic {
    font-style: italic;
}

        .pink {
            filter: drop-shadow(2px 0 0 white) 
                    drop-shadow(0 2px 0 white) 
                    drop-shadow(-2px 0 0 white) 
                    drop-shadow(0 -2px 0 white) 
                    drop-shadow(0px 1px 1px #FF73BA) 
                    drop-shadow(0px 1px 1px #FF73BA);
        }

#frills{
    border-style: solid;
    border-radius: 5px;
    border-width: 8px;
    border-image: url("https://files.catbox.moe/xgiqux.png") 5 fill round;
margin:5px;

}



</style>



<style>
    * {cursor: url('https://files.catbox.moe/tyx3t0.png'), auto !important;}
</style>






     <marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="8"  style=";padding:10px;">
My Touhou page where you can watch my mediocre replays, read all about my favorite characters, my favorite pairings, art, videos, and other Neocities with Touhou content</marquee>



<section id="about">

<a class="game-link">




  <h4>Images and videos: 7</h4>


    <video width="200" height="300" controls>
      <source src="https://files.catbox.moe/bny0ad.mp4" type="video/mp4">
    </video>

    <video width="200" height="300" controls>
      <source src="https://files.catbox.moe/1trw8m.mp4" type="video/mp4">
    </video>

    <video width="200" height="300" controls>
      <source src="https://files.catbox.moe/pcfztq.mp4" type="video/mp4">
    </video>

    <video width="200" height="300" controls>
      <source src="https://files.catbox.moe/59xsyq.mp4" type="video/mp4">
    </video>


    <video width="400" height="200" controls>
      <source src="https://files.catbox.moe/1ijxyz.mp4" type="video/mp4">
    </video>
    <video width="300" height="200" controls>
      <source src="https://files.catbox.moe/t61ef5.mp4" type="video/mp4">
    </video>

<img src = "https://files.catbox.moe/jjxqew.png" width = 300px>

</center>