

 <!--  Toromi Moe 2024 - FOREVER !!!!!! 
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡤⣤⡀⠀⡏⡇⠀⠀⠀⣀⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣤⣤⣀⠀⠀⠙⢦⡈⢳⡇⣧⠴⠚⠉⠁⠀⠀⠈⠉⠙⠲⢦⣠⠶⠖⠶⢦⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢀⣠⠴⣶⠛⠉⠁⣠⡖⠙⣷⣠⡤⠴⠿⢶⡟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣾⣅⠀⠀⠀⠀⠀⢹⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣠⠞⠁⣠⠞⠁⠀⣠⣾⣯⠶⠛⠉⠀⠀⢈⣙⡿⠀⠀⠀⠀⠀⠀⠀⣠⠴⠒⠒⢾⡃⠸⡇⠀⠀⠀⠀⠈⣏⢷⠀⠀⢀⣠⢤⡄⢀⣀⣤⣤⣄⣀⠀⠀⠀⠀⠀
⠀⠀⠀⣯⡴⠋⠁⠀⠀⣰⡿⢋⡵⠀⠀⠀⠀⣠⡤⠁⠀⠀⠀⠀⠀⠀⢠⠟⠓⠒⠦⢤⣘⣿⣇⣇⠀⠀⢀⣀⣤⢾⣿⣿⠉⢹⣠⠾⠋⠉⠀⠀⠀⠀⠬⣙⠲⣄⠀⠀
⠀⠀⠀⠹⣆⠀⠀⢠⡞⢉⠞⠉⠀⢀⣤⡶⢋⡥⠞⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⠀⠉⠻⣟⠻⢷⣖⠋⠉⠂⠚⢯⣻⣥⣞⠁⠀⠀⠲⣤⣄⡀⠀⠀⠈⠳⣌⢷⡄
⠀⠀⠀⠀⠙⠲⡴⠋⡴⠋⠀⣠⠶⡿⠋⡴⠋⠀⡀⠀⠀⢸⠀⠀⠀⡀⠀⠀⠀⠘⣦⡀⠀⢤⡈⢧⡀⠈⠳⣤⢀⣀⠘⣷⣿⣿⡙⢦⡀⠀⠈⢳⡉⠓⢦⡀⠀⢹⡟⠳
⠀⠀⠀⠀⢀⡞⢁⡞⠀⣠⠞⢡⡞⢁⡞⠁⢀⣼⠃⢠⠀⣿⡆⠀⢠⡇⢀⠀⢷⣄⠘⢿⣦⡀⠹⡄⠹⡄⠀⠈⢻⠔⠒⢻⣿⣿⠳⣦⣝⣆⠀⢧⠙⣦⡀⠙⣆⠀⣿⠀
⠀⠀⠀⢠⡏⢀⡏⠀⢰⠋⢠⠏⠀⡞⠀⢠⡿⠁⣀⡟⢠⣿⡀⠀⣾⣇⢸⢀⡟⣿⢋⡙⢿⠷⣄⠘⣆⠘⣆⠀⡟⠀⠀⢈⣿⣿⣇⠈⡻⢿⣆⠈⣷⡘⣿⡷⢼⡂⢸⠀
⠀⠀⢀⡏⢰⡿⠀⠀⠀⢀⡏⠀⣸⠁⣰⢿⣃⣴⢻⡟⠟⢿⡇⠀⡿⢹⢸⠘⣿⠸⣆⠹⣌⢧⠈⢧⠘⡇⠘⣶⣇⣀⣉⣩⡿⣿⣿⣞⣰⠟⠉⢳⣸⣿⣾⡆⠀⠙⢾⠂
⠀⠀⡞⢠⣏⡇⡀⠀⠀⡼⠀⢠⠇⠀⢀⡟⠁⡟⠀⠇⠀⢰⢇⠀⠁⢸⡌⡇⢸⢆⢹⣦⠈⠘⣇⠈⠀⢹⠀⠹⡀⡼⣧⠀⠀⣿⡙⣿⣧⠀⢤⠀⠻⠀⢹⡟⠀⠀⠀⠀
⠀⣰⠃⡾⢹⢠⠃⠀⢰⠃⢠⣼⢀⠀⡾⠁⣾⠀⣄⡇⠀⣸⢸⡄⠀⠈⡇⣷⣼⡜⣾⣏⢳⠀⠘⡄⠀⡀⣇⠀⢿⠿⠛⠛⣦⣹⡇⠈⣿⣇⢨⡟⠉⠉⠉⠁⠀⠀⠀⠀
⠀⡟⣸⡇⢸⠘⠀⠀⣾⠀⡼⡇⢸⢀⡇⢸⣿⠀⣿⢱⣶⣿⠀⢳⠂⢀⣿⣳⢿⣿⠛⢿⣿⣦⡀⢣⠀⢁⢸⣆⢸⡀⠀⠀⠈⡛⠱⡀⠹⡞⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⣱⣿⡇⢸⠀⠀⢀⡏⠀⢀⡇⠈⢸⠀⠎⣧⠀⣿⣾⣈⣽⡄⠈⢧⠀⡇⣿⠈⠀⣷⣿⣿⣿⣿⣼⡀⠸⢸⡙⡌⡇⠀⠀⠀⢸⠀⣷⠀⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⠏⢻⡄⣸⠀⠀⢸⡇⠀⢸⠇⠀⢸⡀⠀⣿⠀⡿⢹⣿⣿⣷⠀⠈⢳⣧⠸⡄⠀⢸⣿⣿⣿⣿⣿⣿⠀⢿⡇⢻⡇⢢⠀⠀⠈⡇⢸⠀⢸⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⠀⠈⡇⣿⡇⠀⣿⣧⠀⡟⢸⠀⢸⣧⠀⠏⣧⣧⠸⣿⣿⣿⡄⠀⠀⠙⠂⠙⠀⢸⣿⣿⣿⣿⣿⠋⣧⡼⣧⣄⣇⠘⣿⠀⠀⠇⢨⡇⠸⡷⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡏⠀⠀⢿⣿⣧⢰⣿⣿⣴⣧⢾⣆⡼⠘⣯⡷⠛⡿⡄⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⡿⡏⠀⡿⠇⣼⢻⡼⠀⣿⡆⠀⠀⢸⢧⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢧⠀⠀⠈⢳⠙⣿⣿⣾⣿⡏⣸⠹⡇⠀⢸⣇⠀⣿⠀⠰⠿⠟⠁⠀⠀⠀⠀⠀⠀⠉⢹⣿⡟⢳⠃⠀⡧⠞⣇⢸⢧⠀⠸⡇⠀⠀⣾⢸⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠈⠀⠀⠀⠈⠀⠉⠏⣸⢸⡇⡇⠀⡇⠀⢸⡏⠹⣇⠀⠈⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢀⡴⣿⢠⢸⣇⢰⣿⢸⣿⡆⢀⣷⠀⢰⡿⠀⣧⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡏⢸⡇⡇⠀⣧⠀⢸⣇⠀⢸⣯⠙⢲⣶⣶⣦⣤⢤⣀⣀⣤⠖⠚⠁⢸⣿⠘⣿⣿⣾⣿⢸⣽⡇⢸⣿⠀⡾⠀⠀⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣷⢸⡇⠃⢨⣿⠀⢸⣻⠀⣿⡿⢷⡚⠉⠁⠀⠀⢒⣟⠁⠀⠀⣀⡤⠞⢻⡀⣿⡟⠉⢹⢟⣿⣇⣿⣟⣼⠃⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢹⣼⣷⠀⢸⣿⣆⣸⣿⣤⠏⠀⠀⠿⣄⠈⠀⢰⠏⢈⡵⠖⡋⠁⠀⠀⠀⠻⠿⢧⣀⠀⠘⠈⠛⠈⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠈⢻⡿⣆⣸⡏⠿⣿⡿⠁⠀⣠⣤⣄⣸⣦⣄⣿⣺⢵⣚⣉⡁⠀⠀⠀⠀⠀⠀⠀⠙⢷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⠀⣰⣿⡁⡴⠛⠻⢯⣀⠳⠴⢿⠿⢶⠛⠓⠶⢽⣷⣄⣀⣀⣀⣠⠤⠴⠚⢿⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⢏⡼⠀⠙⣆⠀⠀⣸⠷⣄⠛⢲⣼⣄⡀⠲⠄⣀⣀⠴⠟⠋⠀⠀⠀⢤⠀⣹⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⢣⠎⠀⠀⠀⠈⠳⣏⣁⠀⠈⠙⣯⡿⣄⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠘⡄⡋⢹⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡞⡵⠃⠀⠀⠀⠀⠀⠀⠈⠻⠉⠓⠦⣬⣿⡏⠀⠀⠀⠀⠀⠀⣇⠀⠀⠀⠀⠀⢧⢧⠀⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡞⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⢠⠇⠀⠀⠀⣹⡇⠀⠀⠀⠀⠘⠃⢸⠀⠀⠀⠀⠀⠘⣼⡆⠸⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣟⡃⠀⠀⠀⠀⠀⠀⠀⢀⡴⠃⠀⠀⡴⠚⠁⡇⠀⠀⠀⠀⠀⡇⠀⡇⠀⠀⠀⠀⠀⠹⣷⠀⢻⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠁⠀⠀⠀⠀⠀⣠⠴⠋⠀⠀⠀⣸⠁⠀⠀⡇⠀⢠⡆⠀⠀⠇⠀⠁⠀⠀⠀⠀⠀⠀⠘⡆⠀⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠔⠂⠀⠀⢀⡜⠁⠀⠀⠀⠀⢰⠇⠈⠀⠀⡇⠀⡈⠁⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢳⠀⠈⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⡃⠀⠀⠀⢠⡞⠀⠀⠀⠀⠀⢀⡏⠀⠀⠀⠀⡇⠀⠇⢸⡄⠀⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣦⠤⠼⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢀⡴⠋⠀⠙⠓⠤⣄⣀⠁⠀⢀⣀⣠⠴⠚⠀⠀⠀⠀⢀⡿⠀⠇⠀⠁⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠈⠛⢦⡀⠀⠀⠀⣠⠌⠉⠛⠙⢧⡀⠀⠀⠀⣀⡠⠖⠉⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢟⢦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣠⡾⠙⢦⡀⠊⠀⠀⠀⠀⠀⠈⣇⣠⠴⠚⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣆⣹⡇⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣠⣾⠏⠀⢀⡏⠙⡶⢄⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣏⠀⠀⣠⡴⢖⣫⡿⠀⠀⠀⠀⠀
⠀⠀⠀⢀⡾⢡⠇⠀⢀⡏⡇⢠⠇⠈⠙⢦⡀⠀⠀⠀⠉⢢⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠐⠀⠀⠀⠀⠀⠀⠀⠹⡉⣏⣵⣾⣿⣏⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠘⢶⡟⠀⠀⡆⠀⣄⡞⠀⠀⡼⠀⠈⠳⡶⠤⠤⣤⢵⠦⠤⠤⠤⡤⠤⣤⣤⣤⣄⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠋⠭⠽⢿⣏⣀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢸⣅⣀⣸⣿⢤⣿⠁⠀⢠⡯⠀⠀⢨⡇⠨⣧⢹⣿⠤⠀⠀⠀⡧⠤⣼⢧⡄⠤⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣧⠀⢀⣰⣚⣛⣽⣷⣶⠀⠀
⠀⠀⠀⠀⠀⠀⠈⠉⠉⢹⠇⠀⠀⢸⡇⠀⠀⢸⠇⠀⠘⡄⢿⠀⠀⠀⠀⡇⠀⢹⡄⠙⢦⣹⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣷⠛⠋⠉⣁⣴⠟⠋⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠛⠉⠛⣿⡄⠀⢸⠀⠀⠀⢳⠘⠀⠀⠀⢸⠀⠀⠈⡇⠀⠀⣿⡇⠀⠀⠀⠀⠀⠀⣛⣒⣒⣒⣛⣁⢀⣤⡴⠟⠠⣶⠟⠋⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⡜⢦⣨⠤⠤⠖⠺⠴⣦⢤⣀⣀⣠⠤⠖⠓⠦⠤⠬⣿⣤⡀⠀⣔⡫⠽⠚⠛⠛⣉⠡⢤⣾⣟⠁⠀⠀⢙⣧⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⡇⠀⠀⠀⠀⠀⠀⠀⢹⡆⠀⠈⣿⠀⠀⠀⠀⠀⠀⠀⢹⠓⠾⡿⠶⣴⡖⠻⣉⣳⡶⠛⠁⠙⠷⣶⡿⠋⠉⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣇⠀⠀⠀⠀⠀⠀⠀⠘⡇⠀⠀⢹⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠙⠚⠉⠉⠑⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⣇⠀⠀⡏⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⢹⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡆⠀⠀⠀⠀⠀⠀⠀⢸⡆⠀⡇⠀⠀⠀⠀⠀⠀⠀⣏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

 -->



<!-- 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/uqicvg.mp3")
var clicksound=createsoundbite("https://files.catbox.moe/c3gy0g.mp3")
 
</script>
 
<script>
document.getElementById("img").addEventListener("click", function(){
document.getElementById("audio").play();
});
</script>


<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title> Toromi Moe  ~ ♪  </title>
  <script src="https://toromi.moe/textshit.js"></script>
       <link rel="shortcut icon" href="https://files.catbox.moe/bfn5w6.ico">

  <script src="https://unpkg.com/webamp@1.4.0/built/webamp.bundle.min.js"></script>


  <style>
      .meowmeow {
  color: var(--dk-color);
  font-weight: bold;
  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);
     z-index: 99;
     animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto;
  color: var(--dk-color);
  font-weight: bold;

      }
 .letterone {
     animation-delay:0.0s;
     display:inline-block;
}
 .lettertwo {
     animation-delay:0.2s;
     display:inline-block;
}
 .letterthree {
     animation-delay:0.4s;
     display:inline-block;
}
 .letterfour {
     animation-delay:0.6s;
     display:inline-block;
}
 .letterfive {
     animation-delay:0.8s;
     display:inline-block;
}
 .lettersix {
     animation-delay:1s;
     display:inline-block;
}
 .letterseven {
     animation-delay:1.2s;
     display:inline-block;
}
 .lettereight {
     animation-delay:1.4s;
     display:inline-block;
}
 .letternine {
     animation-delay:1.6s;
     display:inline-block;
}
 .letterten {
     animation-delay:1.8s;
     display:inline-block;
}


 @keyframes bounce {
     0% {
         transform: scale(1,1) translateY(0);
    }
     10% {
         transform: scale(1.1,.9) translateY(0);
    }
     30% {
         transform: scale(.9,1.1) translateY(-30px);
    }
     50% {
         transform: scale(1.05,.95) translateY(0);
    }
     60% {
         transform: scale(1,1) translateY(-4px);
    }
     100% {
         transform: scale(1,1) translateY(0);
    }
}
</style>


 
<style>
    * {cursor: url('https://files.catbox.moe/5fyzvm.png'), auto !important;}
</style>


<style>
body {
  position: relative; 
  z-index: 0;
}

body::before {
  content: "";
  position: fixed;
  top: -110%;
  left: -50%;
  width: 300%;
  height: 300%;
  background-image: url(https://files.catbox.moe/k3bxq3.gif);
  animation: grain 8s steps(10) infinite;
  opacity: 0.4;
  pointer-events: none;
  z-index: -1; 
}

@keyframes grain {
  70% {
    transform: translate(0%, 15%);
  }
}
</style>


  <style>
    body {
      margin: 0;
font-family: mamemoji;
background-image: url('https://toromi.moe/images/tumblr_inline_mlmk2yVKWe1rfdbtm540.gif');
      color: #F591BE;
      padding: 20px;
font-size: 12px;


    }

    .site-wrapper {
      max-width: 1450px;
      margin: 0 auto;
      background: #fff;
      border-radius: px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
      overflow: hidden;
     border-left: 3px ridge #F591BE;
     border-right: 3px ridge #F591BE;
     border-bottom: 3px ridge #F591BE;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

    }


    header {
      padding: 10px 20px;
      display: flex;
      justify-content: space-between;
background: linear-gradient(
  180deg,
  rgba(255, 199, 222, 1) 0%,
  rgba(255, 183, 213, 1) 33%,
  rgba(255, 172, 206, 1) 45%,
  rgba(255, 178, 216, 1) 49%,
  rgba(255, 195, 225, 1) 75%,
  rgba(255, 208, 233, 1) 100%
);
background-color: #fbe4ef;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
color: white;
border-top: 3px ridge #F591BE;
border-bottom: 0px ridge #F591BE;
height: 48px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
    }

    header .left {
      font-size: 50px;
      font-weight: bold;
margin-left: 10px;
margin-top: 6px;
  filter:drop-shadow(2px 0 0 #ff69b4) drop-shadow(0 2px 0 #ff69b4) drop-shadow(-2px 0 0 #ffa1d0) drop-shadow(0 -1px 0 #ffa1d0) drop-shadow(0px 1px 1px #ffa1d0) drop-shadow(0px 1px 1px #FF73BA);
letter-spacing: 2px;    }

    header .right {
      font-size: 14px;
float: right;
margin-left: 980px;
    }
    .bannermaybe {
      background: linear-gradient(to bottom, #ffffff, #f1f1f1);
      padding: 10px 20px;
      box-shadow: inset 0 -1px 0 #ccc;
    background-image: url('https://files.catbox.moe/he02vo.png'); 
    background-size: cover; 
    background-position: center;
height: 250px;
filter: saturate(1.3) 

    }


    .sub-header {
      background: white;
      padding: 10px 20px;
     border-bottom: 2px ridge #F591BE;

    }

    .sub-header input[type="text"] {
      width: 300px;
      padding: 5px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    main {
      display: grid;
grid-template-columns: minmax(100px, 1fr) minmax(200px, 2.5fr) minmax(100px, 2fr);
  gap: 10px;
  width: 100%;
    }

    .column {
      background: white;
      padding: 15px;
    }

    .column h2 {
      margin-top: 0;
      font-size: 13.1px;
      border-bottom: 1px solid #ccc;
      padding-bottom: 5px;
     border: 2px ridge #F591BE;

}

        h2 {
height: 17px;
    padding: 3px 4px;
    text-align: left;  
    border-color:#ffd9ed;
    border-radius: 0px;
background: linear-gradient(
  180deg,
  rgba(255, 199, 222, 1) 0%,
  rgba(255, 183, 213, 1) 33%,
  rgba(255, 172, 206, 1) 45%,
  rgba(255, 178, 216, 1) 49%,
  rgba(255, 195, 225, 1) 75%,
  rgba(255, 208, 233, 1) 100%

);

    margin: 0px;
    color: white;


</style>




<style>
.navigation { 
  background: #FFFFFF;
  height: 434px;

}

.navigation::-webkit-scrollbar {
  display: none;


</style>


    <style>


/****** fonts ******/ 
 
@font-face{
font-family:mamemoji;
src:url(https://files.catbox.moe/kyguk9.ttf);
}
@font-face{
font-family:MOREFONT;
src:url(https://files.catbox.moe/34bovn.ttf);
}
@font-face{
font-family:kek;
src:url(https://files.catbox.moe/0252my.ttf);
}

@font-face{
font-family:displayshit;
src:url(https://files.catbox.moe/eamktb.ttf);
}
@font-face{
font-family:shit;
src:url(https://files.catbox.moe/k8kf9a.ttf);
}
 
@font-face{
font-family:shit;
src:url(https://files.catbox.moe/4mo5au.otf);
}
 
</style>
 <style>
 .button {

  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 7px;
font-size: 10px;
font-weight: 100;
background: linear-gradient(
  180deg,
  rgba(255, 242, 248, 1) 0%,
  rgba(255, 200, 222, 1) 22%,
  rgba(255, 180, 220, 1) 49%,
  rgba(255, 205, 230, 1) 90%,
  rgba(255, 235, 245, 1) 100%
);
100%);
border-radius: 20px;
border: 2px ridge #F591BE;
margin: 5px;
font-family: shit
    margin: auto;
    font-size: 13px;
    color: white;
text-shadow: 
  -1px 0 rgba(255, 180, 220, 1), 
  0 1px rgba(255, 180, 220, 1), 
  1px 0 rgba(255, 180, 220, 1), 
  0 -1px rgba(255, 180, 220, 1);
box-shadow: 
  0px 2px rgba(255, 242, 248, 1), 
  0px -2px rgba(255, 242, 248, 1), 
  -2px 0px rgba(255, 242, 248, 1), 
  2px 0px rgba(255, 242, 248, 1), 
  -2px 4px rgba(255, 200, 222, 1), 
  2px 4px rgba(255, 200, 222, 1), 
  0px 6px rgba(255, 180, 220, 1), 
  4px 0px rgba(255, 180, 220, 1), 
  -4px 0px rgba(255, 180, 220, 1), 
  0px -4px rgba(255, 180, 220, 1), 
  0px 8px rgba(255, 205, 230, 1), 
  -2px 6px rgba(255, 205, 230, 1), 
  -4px 4px rgba(255, 205, 230, 1), 
  2px 6px rgba(255, 205, 230, 1), 
  4px 4px rgba(255, 205, 230, 1), 
  0px -4px rgba(255, 205, 230, 1), 
  2px -2px rgba(255, 235, 245, 1), 
  -2px -2px rgba(255, 235, 245, 1);
    image-rendering: pixelated;
    margin-top: 0.5em;
    margin-bottom: 1.2em;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
height: 25px;
}

.button:hover {
    translate: 0px 4px;
box-shadow: 
  0px 2px rgba(255, 242, 248, 1), 
  0px -2px rgba(255, 242, 248, 1), 
  -2px 0px rgba(255, 242, 248, 1), 
  2px 0px rgba(255, 242, 248, 1), 
  -2px 4px rgba(255, 200, 222, 1), 
  2px 4px rgba(255, 200, 222, 1), 
  0px 6px rgba(255, 180, 220, 1), 
  4px 0px rgba(255, 180, 220, 1), 
  -4px 0px rgba(255, 180, 220, 1), 
  0px -4px rgba(255, 180, 220, 1), 
  0px 8px rgba(255, 205, 230, 1), 
  -2px 6px rgba(255, 205, 230, 1), 
  -4px 4px rgba(255, 205, 230, 1), 
  2px 6px rgba(255, 205, 230, 1), 
  4px 4px rgba(255, 205, 230, 1), 
  0px -4px rgba(255, 205, 230, 1), 
  2px -2px rgba(255, 235, 245, 1), 
  -2px -2px rgba(255, 235, 245, 1);
    filter: brightness(103%);
    image-rendering: pixelated;
}

</style>


</head>


<body>


<br>
<br>
<br>





<div style="
  width: 1450px;
  margin: 0 auto;
  padding: 0px;
  border-style: solid;
  border-width: 20px;
  border-image: url('https://files.catbox.moe/n55045.png') 14 fill round;
  border-radius: 10px;
">

<div style="
  background: #FFFFFF;
padding: 10px;
  border: 3px ridge white;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

">



  <div class="site-wrapper">
    <header>


<span style="font-family: shit; "font-size: 20px;"> <div class="left"> Toromi Moe<div class="right"> <h3> Version 4 </h3>
      </header>
<div style="
  height: 10px;
  width: 2030px;
     border: 2px ridge #F591BE;
  overflow: auto;
  margin: 0px;
  padding: 5px;
  padding-bottom: 10px;
   background-color: white;

">


     <marquee onMouseOver="this.stop()" onMouseOut="this.start()" behavior="alternate" scrollamount="10"  style=";;">

♡ 2024 - Forever by Clovercalf ♡ Version 4 Toromi Moe ♡ Last updated : 8/4/2025 ♡ Copying Art is an act of love. Please copy and share! ♡ Contact me on discord clovercalf! ♡ みんなー チルノの算数教室、始まるよ ! ♡ Take it easy! ゆっくりしていってね！！！ ♡


</marquee>  
</div>


    <div class="sub-header">

    <span class=""> <b> Search ! </b></span>


      <input type="text" placeholder="" />
    </div>

    <main>
      <div class="column">

<div style="height: 485px; width:220px; border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
    margin: 0px; padding: 0px;">    


<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
  height: 200px;
padding: 10px;
height: 610px;
  border: 3px ridge white;

">

<div style="
  background: #FFFFFF;
  height: 595px;
  border: 3px ridge white;

">



        <h2>Categories</h2>

<div>

<div class="button">
  <img src="https://64.media.tumblr.com/0787c8927e3643964908293ef3497b00/85e1d8c54bedb6b5-68/s75x75_c1/9c05a2a6ad8ea5853cf0597e041e1fceb34320bf.gifv" width="14">
  <a href="https://toromi.moe/about" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">The Webprincess</a>
</div>

<div class="button">
  <img src="https://64.media.tumblr.com/a5c58676a8fd27827af9563e8200f77c/c209724d6b4f5c6e-de/s75x75_c1/70668a061d1888046229f9abcdc7e475515097db.gifv" width="14">
  <a href="https://toromi.moe/syd" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Love Letter</a>
</div>

<div class="button">
  <img src="https://64.media.tumblr.com/14ca8d673990e253ed0c16d97b189b56/7abebd50498642e8-66/s75x75_c1/b72fdcb45d622e9efefdd1f63ce19bd054799134.gifv" width="14">
  <a href="https://toromi.moe/blog" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Blog</a>
</div>

<div class="button">
  <img src="https://i11.photobucket.com/albums/a168/evelynregly/minigifs/mini126.gif" width="14"> 
  <a href="https://toromi.moe/journal" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Journal</a>
</div>

<div class="button">
  <img src="https://64.media.tumblr.com/cfe5cb46acf42ce32847c365e99fbaf5/1381903390dfb595-a7/s75x75_c1/6f367c2831ccdc9c369d3747ddc809b631149b87.webp" width="14">
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Diary</a>
</div>



<div class="button">
  <img src="https://64.media.tumblr.com/e7c8f31870dcc1a7458352f68a9a19a0/9ee3db4b81776661-28/s75x75_c1/c948b3cc3652d2cebf10b5025ff5c65b204872d9.gifv" width="14">
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Music</a>
</div>

<div class="button">
  <img src="https://64.media.tumblr.com/cc8028d823cff21559ad63932a8aaa4a/44b81ad061019789-79/s75x75_c1/4794fd4756c4ba97e4324c9cebe6dec82c74a542.gifv" width="14">
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Art</a>
</div>

<div class="button">
  <img src="https://64.media.tumblr.com/7f5e737a5d575a98b1948159658f4929/7abebd50498642e8-00/s75x75_c1/6b6d71c76383523cc4960b2013c008f1222f3654.gifv" width="14"> 
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">OCs</a>
</div>

<div class="button">
  <img src="https://files.catbox.moe/518feo.gif" width="17"> 
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Site Archive</a>
</div>


<div class="button">
  <img src="https://64.media.tumblr.com/ecbbb628722b8c216cec03e2269ec0b6/177c57b2f4c44578-ad/s75x75_c1/af6149cb7fdd86da4944d251631683e817a91c5c.gifv" width="14">
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Wardrobe</a>
</div>

<div class="button">
  <img src="https://files.catbox.moe/6qnf42.png" width="14"> 
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">東方Project</a>
</div>


<div class="button">
  <img src="https://64.media.tumblr.com/c133241eff005485347acfea4a9dfc3c/6ef23337a53e9794-88/s75x75_c1/d693c54c5dcacb6efc08a3f1e0dd958385c18d33.gifv" width="14"> 
  <a href="https://toromi.moe/osu" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">OSU!Mania</a>
      </div>

<div class="button">
  <img src="https://files.catbox.moe/5mc7uv.gif" width="14"> 
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Danosperging</a>
      </div>

<div class="button">
  <img src="https://files.catbox.moe/r5hty0.gif" width="14"> 
  <a href="#" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" style="color: white; text-decoration: none;">Yumeship</a>
      </div>




      </div>
      </div>
      </div>
      </div>

<br>
<br>
<div style="
  width: 244px;
  height: 100px;
  box-sizing: border-box;
  border: 16px solid transparent;
  border-image: url('https://files.catbox.moe/y7j2zq.png') 9 round;
  overflow: hidden;
  padding: 0;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 
  width: 234px;
  height: 125px;

">

<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
padding: 10px;
height: 80px;
border: 3px ridge white;
">
<div style="
  background: #FFFFFF;
  height: 70px;
  border: 3px ridge white;
">
<h2>Number Infected</h2>
<br>
<center>
<script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=39706513&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=39706513&main=1" /></noscript>
</center>
      </div>
      </div>
      </div>


<div>

<br>
<div style="
  width: 244px;
  height: 100px;
  box-sizing: border-box;
  border: 16px solid transparent;
  border-image: url('https://files.catbox.moe/y7j2zq.png') 9 round;
  overflow: hidden;
  padding: 0;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 
  width: 234px;
  height: 160px;

">

<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
padding: 10px;
height: 114px;
border: 3px ridge white;
">
<div style="
  background: #FFFFFF;
  height: 100px;
  border: 3px ridge white;
">
<h2>My Button</h2>

<center> <br>
<a href="https://toromi.moe"><img src="https://toromi.moe/images/toromimoe.png" alt="" style="width:88px;height:31px;"><br></a>


</center>

<br>

<p> 

      </div>
      </div>
      </div>
      </div>
      </div>




      <div class="column">

<div style="height: 476px; width:590px; border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
    margin: 0px; padding: 0px;">    

<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
  border: 3px ridge white;
padding: 10px;
height: 450px;

">

<div style="
  background: #FFFFFF;
  height: 435px;
  border: 3px ridge white;
">

        <h2>What is Toromi Moe?</h2>
    <div style="height:15px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/d71736de42e9d73da97d45006106f29c/b35f0b146e0351a5-95/s250x400/8be8378ffdb58582b5bef926d312190ae615e701.pnj') repeat-x left top; width:100.3%; z-index:999;"></div>

    <style>
        .image-left {
            float: left;
filter: saturate(1.7) 
        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);
margin-right:10px;
margin-left:25px;
margin-top:10px;

}

        .image-featured{
            float: center;
 width: 148px;
        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);
margin-right:5px;
margin-left:5px;
margin-top:10px;
  image-rendering: smooth;
  filter: saturate(1.5);"

</style>

    <img src="https://toromi.moe/images/Untitled2435_20250810063514.png" width = 147px; 
class="image-left">

<div style="
  height: 240px;
  width: 330px;
     border: 3px ridge white;
  overflow: auto;
  margin: 20px;
  padding: 7px;
   background-color: white;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 

">

<br>
        <span class="meowmeow letterone"> 
<font color="#ff584d">T</font><font color="#ff9471">o</font><font color="#fcc674">r</font><font color="#ffe187">o</font><font color="#dbf768">m</font><font color="#adfc7e">i</font><font color="#7efcc6"> </font><font color="#7ef0fc">M</font><font color="#b7b7fc">o</font><font color="#f59dfc">e</font>
</span></h1> is the virtual home of Joey (clovercalf / Sousyunkanon online) AKA me, the webmaster! I am very happy to have visitors, as it's my biggest personal passion! ( ^ω^ ) <p> This website is used to compile all the things I like into one space… I journal about my life, interests, post my art, sometimes some web browser games, stuff like that! <img src = "https://files.catbox.moe/hm1q36.gif" width = 15px>
<p>I first became interested in coding my freshman year of high school. I'd teach myself basic python to make visual novel games and mess around with HTML/CSS templates till I eventually understood bits and pieces of what I was doing and created this website! 
<p>Toromi Moe is always under construction in one way or another; since it’s my personal website it changes alongside my current interests and aesthetic tastes!
<p> If you ever feel like reaching out, mah socials are to the left in the About The Webmaster! </p>


 <span class="meowmeow letterone"> 
<p> <font color="#ff584d">☆</font><font color="#ff7559">ヾ</font><font color="#ff9471">(</font><font color="#fca474">* </font><font color="#fcc674">´</font><font color="#ffdb8c">・</font><font color="#ffe187">∀</font><font color="#ffec87">・</font><font color="#fff566">`</font><font color="#ebff6b">*)</font><font color="#dbf768">ﾉ</font><font color="#c6fc7e">ヾ</font><font color="#b4f78d">(</font><font color="#adfc7e">・</font><font color="#7efc80">∀</font><font color="#7efca6">・</font><font color="#7efcc6">`</font><font color="#7efce0">*)</font><font color="#7ef0fc">ﾉ</font><font color="#9ad4fc">☆</font>  
 </p></span> <br>
<img src = "https://files.catbox.moe/twhfjn.png">
<img src = "https://files.catbox.moe/kn5fyx.png">
<img src = "https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/48a3ba79-14ac-4634-b168-6ec890d3e163/d7vjkiq-90c2147e-128c-455a-aa2d-96d31d0971d3.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzQ4YTNiYTc5LTE0YWMtNDYzNC1iMTY4LTZlYzg5MGQzZTE2M1wvZDd2amtpcS05MGMyMTQ3ZS0xMjhjLTQ1NWEtYWEyZC05NmQzMWQwOTcxZDMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.o5zdmp_Qf5uIAGWY0J7FrK0FA4sRZ95JnAbMt9e0U3U">
<img src = "https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8af66529-ffaf-4e7e-938c-e75596382b0c/d9k9vz9-011c2500-c2d6-4e7d-b334-0924a4395fcd.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzhhZjY2NTI5LWZmYWYtNGU3ZS05MzhjLWU3NTU5NjM4MmIwY1wvZDlrOXZ6OS0wMTFjMjUwMC1jMmQ2LTRlN2QtYjMzNC0wOTI0YTQzOTVmY2QucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._M4PQ3zxJLyRmIkerIkpeGdSQfTmsQgpYUVxJqeMiyw">

</div>



<div style="
  height: 60px;
  width: 515px;
     border: 2px dashed #ffd9ed;
;
  overflow: auto;
  margin: 20px;
  padding: 7px;
   background-color: white;
border-radius: 3px;

">
<marquee 
  onMouseOver="this.stop()" 
  onMouseOut="this.start()" 
  behavior="alternate" 
  scrollamount="10"  
  style="filter: saturate(2);"
>



<!--2hu-->



  <div class="stamp">
    <img src="https://c.tenor.com/HbwWcii6v-MAAAAd/tenor.gif">
</div>

  <div class="stamp">
    <img src="https://c.tenor.com/DPHDRzI6xBoAAAAd/tenor.gif">
</div>



  <div class="stamp">
    <img src="https://c.tenor.com/5IQFPqE74QIAAAAd/tenor.gif">
</div>

  <div class="stamp">
    <img src="https://media.tenor.com/GHweY-VGRWUAAAAM/nitori-touhou.gif">
</div>


<!--Nijiura Maids-->


  <div class="stamp">
    <img src="https://media.tenor.com/c_WHpBeoQAwAAAAM/yakui-maid.gif">
</div>

  <div class="stamp">
    <img src="https://c.tenor.com/5kJJiYKmlZ8AAAAC/tenor.gif">
</div>

  <div class="stamp">
    <img src="https://i.pinimg.com/originals/24/00/0a/24000ab7b732ca17029def8f97bf5b64.gif">
</div>


  <div class="stamp">
    <img src="https://c.tenor.com/PcH1Wc-vgG4AAAAd/tenor.gif">
</div>



  <div class="stamp">
    <img src="https://c.tenor.com/v3Molyk4Tt4AAAAC/tenor.gif">
</div>





  <div class="stamp">
    <img src="https://files.catbox.moe/58p3xg.jpg">
</div>
  <div class="stamp">
    <img src="https://files.catbox.moe/2mz474.jpg">
</div>




     </marquee>

</div>

</div>
</div>

</div>


<div>
<br>
<br>

<div style="height: 275px; width:590px; border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
    margin: 0px; padding: 0px;">    

<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
  height: 200px;
  border: 3px ridge white;
padding: 10px;
height: 250px;

">

<div style="
  background: #FFFFFF;
  height: 245px;
  border: 3px ridge white;

">

        <h2>To Do List</h2>
    <div style="height:15px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/d71736de42e9d73da97d45006106f29c/b35f0b146e0351a5-95/s250x400/8be8378ffdb58582b5bef926d312190ae615e701.pnj') repeat-x left top; width:100.3%; z-index:999;"></div>

    <img src="https://files.catbox.moe/vyj9hh.png" width = 180px; 
class="image-left-2">


<div style="
  height: 140px;
  width: 285px;
     border: 3px ridge white;
  overflow: auto;
  margin: 20px;
  padding: 7px;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 
">
  <img src="https://64.media.tumblr.com/c38fab1d0f309ca31b5c7c8cf4db11ea/9e3ada13cd6ac1e9-af/s75x75_c1/1ba0bd4d5f0f6cec67c777d170ea4ad8c839ae79.gifv" width="17" height="17"> make dano page<br>

  <img src="https://64.media.tumblr.com/c38fab1d0f309ca31b5c7c8cf4db11ea/9e3ada13cd6ac1e9-af/s75x75_c1/1ba0bd4d5f0f6cec67c777d170ea4ad8c839ae79.gifv" width="17" height="17"> make music room
  <br>
  <img src="https://64.media.tumblr.com/c38fab1d0f309ca31b5c7c8cf4db11ea/9e3ada13cd6ac1e9-af/s75x75_c1/1ba0bd4d5f0f6cec67c777d170ea4ad8c839ae79.gifv" width="17" height="17"> make art page
  <br>
  <img src="https://64.media.tumblr.com/c38fab1d0f309ca31b5c7c8cf4db11ea/9e3ada13cd6ac1e9-af/s75x75_c1/1ba0bd4d5f0f6cec67c777d170ea4ad8c839ae79.gifv" width="17" height="17"> make commission page
  <br>
  <img src="https://64.media.tumblr.com/c38fab1d0f309ca31b5c7c8cf4db11ea/9e3ada13cd6ac1e9-af/s75x75_c1/1ba0bd4d5f0f6cec67c777d170ea4ad8c839ae79.gifv" width="17" height="17"> make game center
  <br>
  <img src="https://64.media.tumblr.com/c38fab1d0f309ca31b5c7c8cf4db11ea/9e3ada13cd6ac1e9-af/s75x75_c1/1ba0bd4d5f0f6cec67c777d170ea4ad8c839ae79.gifv" width="17" height="17"> make a splash page
  <br>
  <img src="https://64.media.tumblr.com/c38fab1d0f309ca31b5c7c8cf4db11ea/9e3ada13cd6ac1e9-af/s75x75_c1/1ba0bd4d5f0f6cec67c777d170ea4ad8c839ae79.gifv" width="17" height="17"> more cute graphics
  <br>
  <img src="https://64.media.tumblr.com/c38fab1d0f309ca31b5c7c8cf4db11ea/9e3ada13cd6ac1e9-af/s75x75_c1/1ba0bd4d5f0f6cec67c777d170ea4ad8c839ae79.gifv" width="17" height="17"> more music

</p>





</div>
</div>
</div>
</div>
</div>
</div>

      <div class="column">



<div style="height: 225px; width:450px; border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
    margin: 0px; padding: 0px;">    





<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
  height: 200px;
  border: 3px ridge white;
padding: 10px;
height: 200px;

">

<div style="
  background: #FFFFFF;
  height: 200px;
  border: 3px ridge white;

">

        <h2>About The Webmaster</h2>
    <div style="height:15px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/d71736de42e9d73da97d45006106f29c/b35f0b146e0351a5-95/s250x400/8be8378ffdb58582b5bef926d312190ae615e701.pnj') repeat-x left top; width:100.3%; z-index:999;"></div>

    <style>
        .image-left {
            float: left;
filter: saturate(1.7) 
        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);
margin-right:10px;
margin-left:25px;
margin-top:15px;
}

        .image-left-2 {
            float: left;
filter: saturate(1.7) 
        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);
margin-right:10px;
margin-left:25px;
margin-top:-35px;
}
        .hatethis-2 {
            float: left;
filter: saturate(1.7) 
        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);
margin-right:10px;
margin-left:25px;
margin-top:20px;
}
        .kms-2 {
            float: left;
filter: saturate(1.7) 
        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);
margin-right:10px;
margin-left:25px;
margin-top:20px;

}
        .image-left-4 {
            float: left;
margin-right:10px;
margin-left:25px;
margin-top:20px;
}

</style>

    <img src="https://files.catbox.moe/20tayv.png" width = 140px; 
class="kms-2">


<div style="
  height: 110px;
  width: 200px;
     border: 2px dashed #ffd9ed;
  overflow: auto;
  margin: 20px;
  padding: 7px;
   background-color: white;
border-radius: 3px; ">

<p class="special-text">
<span class="meowmeow letterone"> 
<font color="#ff584d">H</font><font color="#ff7559">e</font><font color="#ff9471">l</font><font color="#fca474">l</font><font color="#fcc674">o</font> <font color="#ffdb8c">!</font><font color="#ffe187"> </font><font color="#ffec87">M</font><font color="#fff566">y</font><font color="#ebff6b"> </font><font color="#dbf768">n</font><font color="#c6fc7e">a</font><font color="#b4f78d">m</font><font color="#adfc7e">e</font><font color="#7efc80"> </font><font color="#7efca6">i</font><font color="#7efcc6">s</font><font color="#7efce0"> </font><font color="#7ef0fc">J</font><font color="#9ad4fc">o</font><font color="#b7b7fc">e</font><font color="#d4a2fc">y</font><font color="#e89ffc">!</font><font color="#f59dfc"> </font><font color="#f79dfc">(</font><font color="#f99dfc">≧</font><font color="#fb9dfc">ᗜ</font><font color="#fdaafc">≦</font><font color="#ffc2fc">)</font><font color="#ffd8fc">✩&nbsp&nbsp&nbsp <img src = "" width = 20px> <br></font></span> </p>
<br> 
 I'm an 18 <img src = "https://files.catbox.moe/b0ffk0.gif" width = 15px> lolita & cutecore! I love imageboards, linux, 東方Project, OSU, OS-Tans, kawaii subcultures, and much moar!  
<p> I MOSTLY PLAY OSU!Mania, DDR, and 東方Project all day! xD

<div style="display: flex; gap: 2px; justify-content: center; align-items: center;">
  <a href="https://rentry.co/happinesssssisawarmgun" target="_blank">
    <img src="https://i.imgur.com/sj9ls5L.png" alt="discord" style="height: 30px;">
  </a>
  <a href="https://osu.ppy.sh/users/38095067" target="_blank">
    <img src="https://i.imgur.com/U98HcT9.png" alt="osu" style="height: 30px;">
  </a>
  <a href="https://steamcommunity.com/id/sousyunkanon/" target="_blank">
    <img src="https://i.imgur.com/ccJfyK8.png" alt="steam" style="height: 30px;">
  </a>
  <a href="https://soundcloud.com/toromimoe" target="_blank">
    <img src="https://i.imgur.com/MMcmuTD.png" alt="soundcloud" style="height: 30px;">
  </a>
  <a href="https://toyhou.se/ToromiHearts2009" target="_blank">
    <img src="https://i.imgur.com/6ucnFNU.png" alt="toyhouse" style="height: 30px;">
  </a>
  <a href="TBA/" target="_blank">
    <img src="https://i.imgur.com/w3oeEsI.png" alt="ao3" style="height: 30px;">
  </a>
</div>
</div>



<style>
  .inner-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    background: #fff;
margin-left: -7px;
margin-top: 15px;
margin-bottom: 10px;
}
  .inner-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px;
margin-left: 7px; 
}
  .inner-grid-3 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px;
margin-left: 7px; 
margin-top: 15px; 


</style>

</div>
</div>
</div>


    <div class="inner-grid">

<div style="
  width: 244px;
  height: 243px;
  box-sizing: border-box;
  border: 16px solid transparent;
  border-image: url('https://files.catbox.moe/y7j2zq.png') 9 round;
  overflow: hidden;
  padding: 0;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 
  width: 234px;
  height: 233px;

">


<div style="
  height: 198px;
  width: 199px;
  border: 3px ridge white;
  overflow: auto;
  margin: 0px;
  padding: 5px;
   background-color: white;

">

<p>Playing: OSU!Mania & No More Heroes 2
<p>Eating:  Chocolate Éclair
<p>Drinking:  Zero Sugar Dr Pepper Strawberries & Cream
<p>Reading: Dynasty Reader Touhou Scans 
<p>Listening too: BeatMania Mix
<p>Doing: Drawing 
<p>Feeling: <a href="https://www.imood.com/users/termitetartss"><img src="https://moods.imood.com/display/uname-termitetartss/fg-1cff0/trans-1/imood.gif" alt="the current mood of termitetartss at www.imood.com" border="0"></a></a><br> 
</div>
</div>
<div style="
  width: 234px;
  height: 233px;
  box-sizing: border-box;
  border: 16px solid transparent;
  overflow: hidden;
  padding: 0;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 

">


<div style="
  height: 197px;
  width: 199px;
  border: 3px ridge white;
  overflow: auto;
  margin: 0px;
  padding: 5px;
   background-color: white;
">
<center>
<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=toromimoe" defer></script>
    <img src="https://files.catbox.moe/rcucrv.gif" class="image-featured">

</center>


</div>
</div>
</div>


  <style>
    .stamp {
    display: inline-flex;
      border-style: solid;
      border-width: 7px;
      border-image: url("https://64.media.tumblr.com/78a57db13671ad84042f2d14b4204f44/af0892591ada707c-78/s100x200/11da6027837d784d477f818f595964dceee71911.webp") 12 fill round;
      width: fit-content;
  position: relative;
  top: -3px;  background-color:white;
  }

    .stamp2 {
    display: inline-flex;
      border-style: solid;
      border-width: 8px;
      border-image: url("https://64.media.tumblr.com/53bca4b3a96a3d9e71e914eb88a21f6e/a7f59b5ba20d4de3-ca/s100x200/b6ba833530baf4573dec4a3d639c4f5a18fac0f5.pnj") 10 fill round;
      width: fit-content;
  position: relative;
  top: -3px;   
    }

    .stamp img {
      width: 80px;
      height: 45px;
    }
  </style>

<div style="
  width: 244px;
  height: 243px;
  box-sizing: border-box;
  border: 16px solid transparent;
  border-image: url('https://files.catbox.moe/y7j2zq.png') 9 round;
  padding: 0;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
  width: 480px;
  height: 295px;
  overflow: hidden;
margin-top: 25px;

">


<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
  height: 200px;
  border: 3px ridge white;
padding: 10px;
height: 250px;

">

<div style="
  background: #FFFFFF;
  height: 245px;
  border: 3px ridge white;

">

        <h2>This Months Top Pics</h2>


      <style>
          #musicplayer{
              background:white; /* background color of player */
              width:400px; /* width of the player - make it 100% if you want it to fill your container */
              height:155px; /* width of the player - make it 100% if you want it to fill your container */
              padding:10px;
              text-align:center; 
              display:flex;
              flex-direction:column;
              gap:20px;
              background-image: url('https://i.pinimg.com/enabled_lo/564x/c3/cc/64/c3cc6436088a81602328807ebe6719dc.jpg');
      border-radius: 3px;
      color: black;
  
          }
  
          .songtitle, .track-info, .now-playing{
              padding:5px;
font-family: displayshit;
color: #F591BE;
    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);

          }
          
          .controls{
              display:flex; 
              flex-direction:column; 
              gap:10px;
          }
  
          .buttons{
              display:flex;
              justify-content:center;
              font-size:15px !important; /* size of controls */
              width:100%;
          }
  
          .buttons div{
              width:33.3%;
          }
          
          .playpause-track, .prev-track, .next-track{
    color: #F591BE; /* color of buttons */
    font-size: 15px !important; /* size of buttons */
    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);
          }
          
.volume-icon {
    font-size: 15px !important; /* size of volume icon */
    color: #F591BE; /* make icon white */
    border-radius: 6px; /* slightly rounded */
    padding: 4px; /* space inside border */
    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);
}
  
          .seeking, .volume{
              display:flex;
              flex-direction:row;
              align-items:center;
              gap:5px;
          }
          
          .now-playing, .track-info{
              background-color:#; /* background color of top two boxes */
          }
  
          .now-playing{
              font-weight:bold;
          }
  
          input[type=range]{
              -webkit-appearance:none; /* removes default appearance of the tracks */
              width:100%;
          }
  
          input[type=range]:focus{
              outline:none; /* removes outline around tracks when focusing */
          }
  
          input[type=range]::-webkit-slider-runnable-track{
    width: 100%;
    height: 4px; /* thickness of seeking track */
    background: #F591BE; /* new track color */
          }
  
          input[type=range]::-webkit-slider-thumb{
              height:10px; /* height of seeking square */
              width:10px; /* width of seeking square */
              border-radius:5px; /* change to 5px if you want a circle seeker */
              background:#F591BE; 
              -webkit-appearance:none;
              margin-top:-3px; /* fixes the weird margin around the seeker square in chrome */
          }
  
          input[type=range]::-moz-range-track{
              width:100%;
              height:4px; /* thickness of seeking track */
              background:#F591BE; /* color of seeking track */
          }
  
          input[type=range]::-moz-range-thumb{
              height:10px; /* height of seeking square */
              width:10px; /* width of seeking square */
              border-radius:0px; /* change to 5px if you want a circle seeker */
              background:#F591BE; /* color of seeker square */
              border:none; /* removes weird border around seeker square in firefox */
          }
      </style>
      <body>
          <div id="musicplayer">
  
              <div class="now-playing"></div>
              
              <div class="track-info">
                  <div class="track-name"></div>
                  <div class="track-artist"></div>
              </div>
  
              <div class="controls">
                  <div class="seeking">
                      <div class="current-time">00:00</div>
  
                      <input type="range" min="1" max="100" value="0" class="seek_slider" onchange="seekTo()">
  
                      <div class="total-duration">0:00</div>
                  </div>
  
                  <div class="buttons">
                      <div class="prev-track" onclick="prevTrack()">&#171;</div>
  
                      <div class="playpause-track" onclick="playpauseTrack()">&#9654;</div>
  
                      <div class="next-track" onclick="nextTrack()">&#187;</div>
                  </div>
  
                  <div class="volume">
                      <div class="volume-icon">&#128362;</div>
                      <input type="range" min="1" max="100" value="30" class="volume_slider" onchange="setVolume()"> <!-- the default volume value is 25, change this if you want it to be higher or lower (i wouldn't recommend it bc it gets really loud) -->
                  </div>
              </div>
  
              <audio id="music" src=""></audio>
          </div>
  
          <script>
              // initiate variables
              let now_playing = document.querySelector(".now-playing");
              let track_name = document.querySelector(".track-name");
              let track_artist = document.querySelector(".track-artist");
  
  
              let playpause_btn = document.querySelector(".playpause-track");
              let next_btn = document.querySelector(".next-track");
              let prev_btn = document.querySelector(".prev-track");
  
              let seek_slider = document.querySelector(".seek_slider");
              let volume_slider = document.querySelector(".volume_slider");
              let curr_time = document.querySelector(".current-time");
              let total_duration = document.querySelector(".total-duration");
  
              let track_index = 0;
              let isPlaying = false;
              let updateTimer;
  
              // create new audio element
              let curr_track = document.getElementById("music");
              
              //
              // DEFINE YOUR SONGS HERE!!!!!
              // MORE THAN FOUR SONGS CAN BE ADDED!!
              // JUST ADD ANOTHER BRACKET WITH NAME ARTIST AND PATH
              // CATBOX.MOE IS RECOMMENDED FOR UPLOADING MP3 FILES IF YOU DON'T HAVE NEOCITIES SUPPORTER
              let track_list = [
                  {
                      name:"Samurai Summer ",
                      artist:"NO MORE HEROES",
                      path:"https://files.catbox.moe/iubwwt.mp3"
                  },
  
                  {

                      name:"Stop Hanging DJs",
                      artist:"NO MORE HEROES",
                      path:"https://files.catbox.moe/3dd375.mp3"
                  },
  
                  {
                      name:"1992",
                      artist:"Peckerhead ",
                      path:"https://files.catbox.moe/awaddm.mp3"
                  },
  
                  {
                      name:"gabberzon!",
                      artist:"Goreshit",
                      path:"https://files.catbox.moe/i934t4.mp3"
                  },
  
  
              ];
              //
              //
              //
              //
              //
  
              function loadTrack(track_index){
                  clearInterval(updateTimer);
                  resetValues();
  
                  // load a new track
                  curr_track.src = track_list[track_index].path;
                  curr_track.load();
  
                  // update details of the track
                  track_name.textContent = track_list[track_index].name;
                  track_artist.textContent = track_list[track_index].artist;
                  now_playing.textContent = "Playing " + (track_index + 1) + " of " + track_list.length;
  
                  // set an interval of 1000 milliseconds for updating the seek slider
                  updateTimer = setInterval(seekUpdate, 1000);
  
                  // move to the next track if the current one finishes playing 
                  curr_track.addEventListener("ended", nextTrack);
  
              }
  
              // reset values
              function resetValues(){
                  curr_time.textContent = "0:00";
                  total_duration.textContent = "0:00";
                  seek_slider.value = 0;
              }
  
              // load the first track in the tracklist
              loadTrack(track_index);
  
              // checks if song is playing
              function playpauseTrack(){
                  if (!isPlaying) playTrack();
                  else pauseTrack();
              }
  
              // plays track when play button is pressed
              function playTrack(){
                  curr_track.play();
                  isPlaying = true;
  
                  // replace icon with the pause icon
                  playpause_btn.innerHTML = '&#9646;';
              }
  
              // pauses track when pause button is pressed
              function pauseTrack(){
                  curr_track.pause();
                  isPlaying = false;
  
                  playpause_btn.innerHTML = '&#9654;';
              }
  
              // moves to the next track
              function nextTrack(){
                  if (track_index < track_list.length - 1)
                      track_index += 1;
                  else track_index = 0;
                  loadTrack(track_index);
                  playTrack();
              }
  
              // moves to the previous track
              function prevTrack(){
                  if (track_index > 0)
                      track_index -= 1;
                  else track_index = track_list.length;
                  loadTrack(track_index);
                  playTrack();
              }
  
              // seeker slider
              function seekTo(){
                  seekto = curr_track.duration * (seek_slider.value / 100);
                  curr_track.currentTime = seekto;
              }
  
              // volume slider
              function setVolume(){
                  curr_track.volume = volume_slider.value / 100;
              }
  
              setVolume();
  
              function seekUpdate(){
                  let seekPosition = 0;
                  
                  // check if the current track duration is a legible number
                  if (!isNaN(curr_track.duration)){
                      seekPosition = curr_track.currentTime * (100 / curr_track.duration);
                      seek_slider.value = seekPosition;
  
                      // calculate the time left and the total duration
                      let currentMinutes = Math.floor(curr_track.currentTime / 60);
                      let currentSeconds = Math.floor(curr_track.currentTime - currentMinutes * 60);
                      let durationMinutes = Math.floor(curr_track.duration / 60);
                      let durationSeconds = Math.floor(curr_track.duration - durationMinutes * 60);
  
                      // adding a zero to the single digit time values
                      if (currentSeconds < 10){ currentSeconds = "0" + currentSeconds; }
                      if (durationSeconds < 10){ durationSeconds = "0" + durationSeconds; }
                      if (currentMinutes < 10){ currentMinutes = currentMinutes; }
                      if (durationMinutes < 10){ durationMinutes = durationMinutes; }
  
                      curr_time.textContent = currentMinutes + ":" + currentSeconds;
                      total_duration.textContent = durationMinutes + ":" + durationSeconds;
                  }
              }
          </script>



<div>
</div>
</div>
</div>
</div>

<br>

<div style="
  width: 244px;
  height: 243px;
  box-sizing: border-box;
  border: 16px solid transparent;
  border-image: url('https://files.catbox.moe/y7j2zq.png') 9 round;
  padding: 0;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
  width: 480px;
  height: 295px;
  overflow: hidden;
margin-top: 25px;

">



<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
  height: 200px;
  border: 3px ridge white;
padding: 10px;
height: 250px;

">

<div style="
  background: #FFFFFF;
  height: 245px;
  border: 3px ridge white;

">


        <h2>Featured Images & Videos</h2>
<br> <br>

    <div class="inner-grid-2">

<div style="
  height: 170px;
  width: 190px;
     border: 4px ridge white;
  overflow: auto;
  margin: 0px;
  padding: 5px;
   background-color: white;
">
<div class="video-player">

 <video id="myVideo" 
  src="https://files.catbox.moe/fdo5b3.mp4" 
  controls 
  loop 
  style="width: 99%; height: 98%; object-fit: cover;">
</video>

</div>
</div>

<div style="
  height: 170px;
  width: 190px;
  border: 3px ridge white;
  overflow: auto;
  margin: 0px;
  padding: 5px;
  background-color: white;
">
  <img 
    src="https://i.pinimg.com/736x/07/e6/d9/07e6d999e6d052b9c8eeae1c6ee4ed1e.jpg" 
    style="width: 100%; height: 100%; object-fit: cover; display: block;">
</div>
</div>
</div>
</div>
</div>
<br>
<br>


<div style="
  background: #FFFFFF;
  width: 815px;
  border: 3px ridge white;
padding: 0px;
height: 270px;
margin-left: -880px;
margin-top: -315px;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
   
">
<div style="
  background: #FFFFFF;
  height: 265px;
  border: 3px ridge white;
">


        <h2>This Months Featured Albums</h2>
    <div style="height:15px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/d71736de42e9d73da97d45006106f29c/b35f0b146e0351a5-95/s250x400/8be8378ffdb58582b5bef926d312190ae615e701.pnj') repeat-x left top; width:100.3%; z-index:999;"></div>

    <div class="inner-grid-3">


<div style="
  height: 150px;
  width: 400px;
     border: 2px dashed #ffd9ed;
  overflow: auto;
  margin: 20px;
  padding: 7px;
   background-color: white;
border-radius: 3px;
">
<style>
  .marquee-img {
    height: 140px;
    aspect-ratio: 1;
    border: 3px groove white;
    margin: 5px;
    transition: transform 0.2s ease;
  }

  .marquee-img:hover {
  }


  @keyframes hueShift {
    0% { filter: saturate(2); }
  }
</style>

<marquee 
  onMouseOver="this.stop()" 
  onMouseOut="this.start()" 
  behavior="alternate" 
  direction="right"
  scrollamount="17" 
  style="width: 100%; white-space: nowrap; filter: saturate(1.5);"
>
  <img class="marquee-img" src="https://f4.bcbits.com/img/a2582173221_5.jpg">
  <img class="marquee-img" src="https://i.scdn.co/image/ab67616d00001e027741ec0961192d937de69ee6">
  <img class="marquee-img" src="https://cdn-images.dzcdn.net/images/cover/0c937c3b2137dd1877a12f751d3c7252/0x1900-000000-80-0-0.jpg">
  <img class="marquee-img" src="https://f4.bcbits.com/img/a3836349031_10.jpg">
  <img class="marquee-img" src="https://f4.bcbits.com/img/a3142787153_2.jpg">
  <img class="marquee-img" src="https://i.discogs.com/JcuJ8mWotgSxJziF4W_hLLTaIXV8eNOZ3-rS8W4lU-Y/rs:fit/g:sm/q:90/h:595/w:600/czM6Ly9kaXNjb2dz/LWRhdGFiYXNlLWlt/YWdlcy9SLTY0MTM0/MS0xNTQ4NDM1NzMw/LTU5NTAuanBlZw.jpeg">
  <img class="marquee-img" src="https://f4.bcbits.com/img/a2959091093_16.jpg">
  <img class="marquee-img" src="https://i.discogs.com/O7w6xBUJPuqdgEokp-TqB4Z2FwB3iccKo1wJBGXi7i0/rs:fit/g:sm/q:90/h:594/w:600/czM6Ly9kaXNjb2dz/LWRhdGFiYXNlLWlt/YWdlcy9SLTI4ODYy/Mzg2LTE3MDM3NzI2/MDUtMzA4NC5qcGVn.jpeg">
  <img class="marquee-img" src="https://f4.bcbits.com/img/a4007092692_10.jpg">
  <img class="marquee-img" src="https://preview.redd.it/sharing-my-custom-folder-art-that-i-use-in-ddr-xx-starlight-v0-3ap1o0b94fsa1.png?width=640&crop=smart&auto=webp&s=955d28412de6fcfad8dc921d0f6c8b22bc07d0b9">
  <img class="marquee-img" src="https://files.catbox.moe/cicshr.png">
</marquee>

</div>

<div style="
  height: 140px;
  width: 270px;
     border: 3px ridge white;
  overflow: auto;
  margin: 20px;
  padding: 7px;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 
">

 <span class="meowmeow letterone"><p class="special-text"> 
<font color="#ff584d">I</font><font color="#ff7559"> </font><font color="#ff9471">L</font><font color="#fca474">O</font><font color="#fcc674">V</font><font color="#ffdb8c">E</font><font color="#ffe187"> </font><font color="#ffec87">S</font><font color="#fff566">H</font><font color="#ebff6b">I</font><font color="#dbf768">T</font><font color="#c6fc7e"> </font><font color="#b4f78d">M</font><font color="#adfc7e">U</font><font color="#7efc80">S</font><font color="#7efca6">I</font><font color="#7efcc6">C</font><font color="#7efce0">!</font><font color="#7ef0fc"> </font><font color="#9ad4fc">☆</font><br><br>
</p></span></h1>
<br> My favorite generes are electronic hardcore, early hardcore, hardcore techno, electronic, gabber, electronic breakcore, extratone, kusoikore, lolicore, mashcore, raggacore, speedcore, oldskool hardcore rave!
<p> Occasionally I like hyperpop, industrial, metal, and screamo. Just generally speaking some of my favorite things in songs are heavy bass and fast tempos... 
<p> The list of albums to the left come from DJ Mass MAD Izm, M1DY, Goreshit, Mokum Records, Psycho Filth Records, lost101, Himeko Katagiri, Dance Dance Revolution, and BeatMania!
<p> My top picks from these albums are DJ Mass MAD Izm* - 灼熱 Pt.2 Long Train Running, Himeko Katagiri 聴覚耐久試験 SET 7/30/2022, Psycho Filth Records — Sublimation, and Toromi Hearts 2 from Goreshit. 

</div>
</div>
</div>
<div>
<div>
</div>
</div>
</div>





<div style="
  height: 200px;
padding: 0px;
height: 350px;
width: 815px;
margin-left: -880px;
margin-top: 25px;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
overflow: hidden;
">

<div style="
  background: #FFFFFF;
  height: 345px;
  border: 3px ridge white;

">

        <h2>Site Updates</h2>
    <div style="height:15px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/d71736de42e9d73da97d45006106f29c/b35f0b146e0351a5-95/s250x400/8be8378ffdb58582b5bef926d312190ae615e701.pnj') repeat-x left top; width:100.3%; z-index:999;"></div>

    <img src="https://files.catbox.moe/71pj3x.gif"; 
class="hatethis-2">


<div style="
  height: 150px;
  width: 450px;
     border: 3px ridge white;
  overflow: auto;
  margin: 20px;
  padding: 7px;
   background-color: white;
border-radius: 3px;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 

">
<p class="special-text"> 
<span class="meowmeow letterone"><font color="#ff584d">U</font><font color="#ff7559">p</font><font color="#ff9471">d</font><font color="#fca474">a</font><font color="#fcc674">t</font><font color="#ffdb8c">e</font><font color="#ffe187"> </font><font color="#ffec87">L</font><font color="#fff566">o</font><font color="#ebff6b">g</font></span></p>
</span>
<br>
<br> 
✩ 8/19/2025: HI sorry it's been a while since the last update I've been busy working on the new index page YAY! I finally fixed the terrible positioning of the last layout. I've cleaned up the code and actually started using proper layout structure instead of brute-forcing everything with position: absolute; like an idiot and omfg it's so much easier than I thought?! That said, I kinda just winged most of it without sitting down to actually learn everything properly, so there might still be a few issues honestly. If you prefer the old Index page DON'T WORRY I liked it to so I made a new archive page where you can access it still! </p>
<p> ✩ 4/17/2025: I created a new about page, and seperated my blog from my journal with multiple themes! The theme 2022 Riddler is based off this websites first css! </p>
<p> ✩ 4/17/2025: I added more things to the homepage, like the poll, update log, and stamps! The new diary code has also been added and I finally updated the diary with everything I've done the past few months!</p>
<p> ✩ 4/17/2025:  4/16/2025: Working on Syds lovemail!（*＾3＾)/~☆</p>
<p> ✩  3/30/2025: Working on several differnt sites for friends...</p>
<p> ✩  1/30/2025: Index V3 created!</p>
<p> ✩   10/11/2024: I bought a domain today! This site is now Toromi Moe!
</p>
    
</div>

<div style="
  height: 60px;
  width: 450px;
     border: 2px dashed #ffd9ed;
  overflow: auto;
  margin: 20px;
  padding: 7px;
   background-color: white;
border-radius: 3px;
">
<marquee 
  onMouseOver="this.stop()" 
  onMouseOut="this.start()" 
  behavior="alternate" 
  scrollamount="10"  
  style="filter: saturate(1.4);"
>


 <div class="stamp">
    <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bde21c80-8cd4-4f54-99cf-7047c87c429a/d8vit61-755653b5-eeb6-445c-a775-5f14f08cba7b.png/v1/fill/w_99,h_55,q_80,strp/osu_stamp_by_tutosmelodiamusical_d8vit61-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTUiLCJwYXRoIjoiXC9mXC9iZGUyMWM4MC04Y2Q0LTRmNTQtOTljZi03MDQ3Yzg3YzQyOWFcL2Q4dml0NjEtNzU1NjUzYjUtZWViNi00NDVjLWE3NzUtNWYxNGYwOGNiYTdiLnBuZyIsIndpZHRoIjoiPD05OSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.IINKKN7EJZ0x--5XtAp8uEhhaEp3XAkMQl3G-oN4z-Y">
</div>

  <div class="stamp">
    <img src="https://i.pinimg.com/736x/79/16/27/7916275c16469b4174aedebfbdb50610.jpg">
</div>

  <div class="stamp">
    <img src="https://media.tenor.com/GC5QDp2ZaAYAAAAM/giko-cat.gif">
</div>



  <div class="stamp">
    <img src="https://files.catbox.moe/7inrll.gif">
</div>


    <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4acad9b0-34d3-4fb6-8693-c93d1af34454/d2n98gg-859c7fa8-e07a-4fcd-8afe-dd46550fb4ed.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzRhY2FkOWIwLTM0ZDMtNGZiNi04NjkzLWM5M2QxYWYzNDQ1NFwvZDJuOThnZy04NTljN2ZhOC1lMDdhLTRmY2QtOGFmZS1kZDQ2NTUwZmI0ZWQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.qjAHoNmXSPLR8v7iPWziEriZZbXi8tQt8w57N1F3tSg">

    <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/501df479-2019-45b3-83a3-e839a5ac0790/ddh31kp-d98e68bd-23bb-425f-864d-75c9a0c71ea9.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzUwMWRmNDc5LTIwMTktNDViMy04M2EzLWU4MzlhNWFjMDc5MFwvZGRoMzFrcC1kOThlNjhiZC0yM2JiLTQyNWYtODY0ZC03NWM5YTBjNzFlYTkucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.Ahqu7hmAZUK-s7vMAomSE-2SVd2KL7gNG_mgxortbmo">

    <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1a9eb11d-e48a-471d-8dfd-d337b257b408/d8r02lb-b0a51209-2c2b-46d3-85de-ee492250095c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzFhOWViMTFkLWU0OGEtNDcxZC04ZGZkLWQzMzdiMjU3YjQwOFwvZDhyMDJsYi1iMGE1MTIwOS0yYzJiLTQ2ZDMtODVkZS1lZTQ5MjI1MDA5NWMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.Y0Hdwcw6ipql-eX8sEHeGB7Kn8Tp3mMesTrZtWvDsCM">




     </marquee>



</div>
</div>
</div>


<div style="
  height: 200px;
  border: 3px ridge white;
padding: 0px;
height: 340px;
width: 815px;
margin-left: -880px;
margin-top: 50px;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
overflow: hidden;

">

<div style="
  background: #FFFFFF;
  height: 335px;
  border: 3px ridge white;

">

        <h2>Chat & Vote</h2>
    <div style="height:15px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/d71736de42e9d73da97d45006106f29c/b35f0b146e0351a5-95/s250x400/8be8378ffdb58582b5bef926d312190ae615e701.pnj') repeat-x left top; width:100.3%; z-index:999;"></div>


    <div class="inner-grid-2">

<div style="
  height: 275px;
  width: 370px;
  overflow: auto;
  margin: 10px;
  padding: 5px;
   background-color: white;
">


<iframe 
    src="https://www3.cbox.ws/box/?boxid=3539184&boxtag=FihB0x" 
    width="365px" 
    height="270" 
    allowtransparency="yes" 
    allow="autoplay" 
    frameborder="0" 
    marginheight="0" 
    marginwidth="0" 
    scrolling="auto" 
    style="border: 2px solid #ccc; border-radius: 5px;">
</iframe>

</div>

<div style="
  height: 280px;
  width: 370px;
     border: 1px solid fff;
  overflow: auto;
  margin: 10px;
  padding: 0px;
   background-color: white;
overflow: hidden;
">
<iframe src="https://toromi.moe/quizstuff" width="100%" height="600" style="border: none;"></iframe>
</div>

</div>
</div>
</div>



<div style="height: 350px; width:460px; border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
    margin: 0px; padding: 0px;  overflow: hidden ; margin-top: -780px; 
">    

<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
  height: 140px;
  border: 3px ridge white;
padding: 10px;
height: 325px;
width: 430px;
">

<div style="
  background: #FFFFFF;
  height: 320px;
  border: 3px ridge white;
">

        <h2>Site Neighbors & Favorites</h2>
    <div style="height:15px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/d71736de42e9d73da97d45006106f29c/b35f0b146e0351a5-95/s250x400/8be8378ffdb58582b5bef926d312190ae615e701.pnj') repeat-x left top; width:100.3%; z-index:999;"></div>
<div style="
  height: 50px;
  width: 400px;
  overflow: auto;
  margin: 5px;
  padding: 7px;
   background-color: white;
border-radius: 3px;
">




<center>
<p> If you want your site linked just send me a message on Discord (my tag should be listed somewhere here!) or leave a message in my Cbox — whichever you prefer! Always happy to be site neighbors with anyone! ^_^
</center>

</div>


<div style="
  height: 150px;
  width: 355px;
     border: 3px ridge white;
  overflow: auto;
  margin: 20px;
  padding: 7px;
   background-color: white;
border-radius: 3px;
border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/y7j2zq.png') 8 round; 
filter: saturate(1.6) 

">

  <a href="https://velvetlori.neocities.org/">
    <img class="link-button" src="https://files.catbox.moe/suqwk3.gif" width="80px">
  </a>

  <a href="https://goooby.neocities.org">
    <img class="link-button" src="https://files.catbox.moe/jieq5n.gif" width="80px">
  </a>

  <a href="https://drizzle.neocities.org">
    <img class="link-button" src="https://files.catbox.moe/rsdc8v.gif" width="80px">
  </a>

  <a href="https://vickkuma.neocities.org/">
    <img class="link-button" src="https://vickkuma.neocities.org/vickybuttononline.gif" width="80px">
  </a>


  <a href="https://bugkisser.neocities.org/">
    <img class="link-button" src="https://bugkisser.neocities.org/buttons/bugkisser!.png" width="80px">
  </a>

<a href="https://gelli.moe" target="_blank"> <img class="link-button" src="https://gelli.moe/gellisitebutton.png" width="80px"> </a>



  <a href="https://tomboyish.neocities.org/">
    <img class="link-button" src="https://tomboyish.neocities.org/images/88x31/alicesite.gif" width="80px">
  </a>

  <a href="https://strawberryreverie.neocities.org/">
    <img class="link-button" src="https://files.catbox.moe/7bm3qj.png" width="80px">
  </a>

  <a href="https://vivarism.net/" target="_blank">
    <img class="link-button" src="https://files.catbox.moe/ystyog.png" width="80px">
  </a>


  <a href="https://aioi.neocities.org">
    <img class="link-button" src="https://files.catbox.moe/cothyb.gif" width="80px">
  </a>

  <a href="https://vaultofsky.neocities.org">
    <img class="link-button" src="https://vaultofsky.neocities.org/layoutgraphics/button.gif" width="80px">
  </a>


  <a href="https://maschinensturmer.neocities.org/">
    <img class="link-button" src="https://maschinensturmer.neocities.org/ningenshikkakubotan.png" width="80px">
  </a>

  <a href="https://kiririn42.neocities.org">
    <img class="link-button" src="https://files.catbox.moe/4zplat.png" width="80px">
  </a>

  <a href="https://gorekytti.neocities.org/">
    <img class="link-button" src="https://gorekytti.neocities.org/button.gif" width="80px">
  </a>


  <a href="https://2cherrish.neocities.org/" target="_blank">
    <img class="link-button" src="https://2cherrish.neocities.org/assets/2cherrishbutton.gif" width="80px">
  </a>


  <a href=https://cloverbell.neocities.org" target="_blank">
    <img class="link-button" src="https://cloverbell.neocities.org/n_n/cloverbell.gif" width="80px">
  </a>




</div>
</div>
</div>
</div>


<style>

.link-button {
  transition: all 0.2s ease-in-out;
}

.link-button:hover {
  filter: saturate(3) drop-shadow(0 0 3px #fcb8e2);
  transform: scale(1.05);
}
</style>
 <br>


<div style="height: 375px; width:460px; border:10px solid transparent; overflow:auto; 
    border-image: url('https://files.catbox.moe/wp2dm2.png') 10 round; 
    margin: 0px; padding: 0px;  overflow: hidden; margin-top: 20px; 
">    

<div style="
  background: #FFFFFF url('https://files.catbox.moe/fxjnwq.png') repeat;
  height: 200px;
  border: 3px ridge white;
padding: 10px;
height: 350px;

">

<div style="
  background: #FFFFFF;
  height: 345px;
  border: 3px ridge white;
">

        <h2>Webrings & Fanlistings</h2>
    <div style="height:15px; ;margin-top:-4px; margin-left:-2px; opacity:1.0; background:url('https://64.media.tumblr.com/d71736de42e9d73da97d45006106f29c/b35f0b146e0351a5-95/s250x400/8be8378ffdb58582b5bef926d312190ae615e701.pnj') repeat-x left top; width:100.3%; z-index:999;"></div>



<div style="
  height: 250px;
  width: 370px;
     border: 3px ridge white;
  overflow: auto;
  margin: 20px;
  padding: 7px;
   background-color: white;
border-radius: 3px;
filter: saturate(1.6) 

">
<center>

			<!--START OF SELF INSERT WEBRING-->
			<div id="selfinsertwebring">
				<script src="https://toromi.moe/showWebring.js"></script>
					<body onload="setListNumber(), myFunction()"/>
			
			<!--IN THE SECTION BELOW, PLEASE CHANGE THE 0 (ZERO) TO WHATEVER-->
			<!--NUMBER YOU WERE ASSIGNED! THANK YOU!  <3-->
			
				<script>
					function setListNumber() {
					positionInList = 0
				    };
				</script>
			</div>
			<!--END OF SELF INSERT WEBRING-->
<br>

<a href="https://10-31.net/annie/riddler/index.php">
  <img class="link-button" src="https://10-31.net/annie/riddler/50x50_1.png" alt="">
</a>

<a href="https://akiba.flirt-wind.net/azumanga/">
  <img class="link-button" src="https://akiba.flirt-wind.net/azumanga/images/code-01.png" alt="">
</a>

<a href="https://fan.after-death.org/magica/">
  <img class="link-button" src="https://fan.after-death.org/magica/codes/50x50_03.png" alt="">
</a>

<a href="https://theatregirl.net/cats/index.php">
  <img class="link-button" src="https://theatregirl.net/cats/buttons/50x50-kayla1.gif" alt="">
</a>

<a href="https://roadtonowhere.altervista.org/clover/buttons.php">
  <img class="link-button" src="https://roadtonowhere.altervista.org/clover/50x50_4.png" alt="">
</a>

<a href="https://gryffindors.com/lindy/seals/">
  <img class="link-button" src="https://gryffindors.com/lindy/seals/seals5050_1.png" alt="">
</a>

<a href="https://kenzicollective.altervista.org/horses/join.php">
  <img class="link-button" src="https://kenzicollective.altervista.org/horses/50x50_1.png" alt="">
</a>

<a href="https://fan.glast-heim.net/lucky/">
  <img class="link-button" src="https://fan.glast-heim.net/lucky/images/4af527.gif" alt="">
</a>

<a href="https://fl.with-paranoia.com/ao3/">
  <img class="link-button" src="https://fl.with-paranoia.com/ao3/505001.png" alt="">
</a>

<a href="https://planets.corvidae.digital/linux-mint/">
  <img class="link-button" src="https://files.catbox.moe/7d5wd8.png" alt="">
</a>

<div id='touhou-ring'>
<script type="text/javascript" src="https://glassplanet.neocities.org/webring/touhou/onionring-variables.js"></script>
<script type="text/javascript" src="https://glassplanet.neocities.org/webring/touhou/widget/widget-in1.js"></script>
</div>
<br>
<a href="https://lovesick.cafe/esoterica/angelnumbers/"><img src="https://i.ibb.co/C1qGxLd/tiny-777.png" alt=""</a></a><br>

<br>
<img src = "https://lovesick.cafe/img/sozai/grrrl/madebya-pink.png"><br><br>
<img src = "https://womenoftheinternet.neocities.org/files/woti-favicon.png"><br>
</center>



 </p>





</div>
</div>
</div>
</div>





<style>



::-webkit-scrollbar {
  width: 10px;

}
::-webkit-scrollbar-track {
  background:white;
  box-shadow: inset 0 0 2px grey; 
  border-radius: 5px;

}

::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, 
  #ff9b94, 
  #ffb89d, 
  #fde3aa, 
  #fff4c4, 
  #e7fab4, 
  #c9fcbf, 
  #b5f4df, 
  #bdf2ff, 
  #d4d4ff, 
  #f8c9ff

);
    
border-radius: 10px;
    border: 2px solid #ffccdb;
}

 ::selection {
background-color: #ffbde8;
  color: white;



</style>

<style>

.special-text {
    font-family: DISPLAYSHIT;
    font-size: 10px; 
    color: #F591BE; 
    text-shadow: 1px 1px 2px white; 
margin: -1px;
}


.MOREFONT {
    font-family: MOREFONT;
    font-size: 15px; 
    color: #F591BE; 
    text-shadow: 1px 1px 2px white; 
margin: -1px;
  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);

}


.kektext {
    font-family: kek;
    font-size: 13px; 
    color: #F591BE; 
    text-shadow: 1px 1px 2px white; 
margin: -1px;
}


</style>



</div>
</div>
</div>
</div>

<div style="
  background: ;
  padding: 0px;
  margin-left: 100px;
  margin-top: -20px;
  display: inline-block;
width: 900px;
height: 550px;
">
  <iframe src="https://toromi.moe/wmp" style="width: 900px; height: 550px; border:none; overflow: hidden;"></iframe>
</div>