
<!-- 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>

 <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DE7CNYKF9R"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DE7CNYKF9R');
</script>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title> Touhou Project !  </title>
  <script src="https://toromi.moe/textshit.js"></script>
       <link rel="shortcut icon" href="https://files.catbox.moe/oesk5s.webp">
  
  
  <script src="https://unpkg.com/webamp@1.4.0/built/webamp.bundle.min.js"></script>
  
  
  
 </head>


 <style>
  body{
background-image: url('https://files.catbox.moe/7nj2v2.png');
font-family: mamemoji;
  color: #fad7e6;


</style>

     <div class="allcontent">
     <div class="allcontentborder">

     <div class="headerimage">
    <div style="height:90px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/06f741dd13937022dcb6b07c0fa3d361/bd4cb3b2a6aca425-3a/s250x400/fcda24650542560653c233e06b3e8103b5b08036.pnj') repeat-x left top; width:100.3%; z-index:9999;"></div>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<div style="height:90px; margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/06f741dd13937022dcb6b07c0fa3d361/bd4cb3b2a6aca425-3a/s250x400/fcda24650542560653c233e06b3e8103b5b08036.pnj') repeat-x left top; width:100.3%; z-index:9999; transform: rotate(180deg);"></div>

     <div class="borderjournal">
     <div class="journaltext">
<h3> 東方Project
  </h3>



     <div class="buttoncontainer">
<a href="https://toromi.moe/touhou/gameplay" class="firstbutton" onmouseover="mouseoversound.playclip()" target="window" onclick="clicksound.playclip()"">My Gameplay</a>  &nbsp;
<a href="https://toromi.moe/not_found" class="secondbutton" onmouseover="mouseoversound.playclip()" target="window" onclick="clicksound.playclip()">My Favorites</a>  &nbsp;
<a href="https://toromi.moe/not_found" class="thirdbutton" onmouseover="mouseoversound.playclip()" target="window" onclick="clicksound.playclip()">OTPS</a>  &nbsp;
<a href="https://toromi.moe/touhou/videos" class="fourthbutton" target="window" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"> Videos</a>  &nbsp;
<a href="https://toromi.moe/not_found" class="fifthbutton"onmouseover="mouseoversound.playclip()" target="window" onclick="clicksound.playclip()"> OST</a>  &nbsp;
<a href="https://toromi.moe/touhou/sites" class="sixthbutton"onmouseover="mouseoversound.playclip()" target="window" onclick="clicksound.playclip()">Touhou Sites</a>  &nbsp;
<br>
<br>


		<div class="main">
		<div class="index">
                <iframe name="window" src="https://toromi.moe/touhou/gameplay" frameBorder="0"></iframe>

</div>

<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: 950px;
    width: 690px;
margin-left: -30px;
}

.container {
    border: none;

}


</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>


<div style="float: ; max-height: 500px; position: fixed; left: 1px; bottom: -1px; z-index: 200; 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);">
    <img src="https://files.catbox.moe/2d8mp3.webp" alt="reimu"/>
</div>


<div style="float: ; max-height: 500px; position: fixed; right: -16px; bottom: -1px; z-index: 200; 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);">
    <img src="https://files.catbox.moe/uv605r.PNG" alt="marisa"/ width = 370px>
</div>

<style>
    * {cursor: url('https://files.catbox.moe/tyx3t0.png'), auto !important;}
</style>