
<!-- hi my coding is a mess go away please
anyway dont steal my art thanks


⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣤⣤⣤⣶⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣠⣤⠶⠶⣟⣿⣻⣿⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⠴⠞⣋⣭⣴⣶⣿⣿⣿⣿⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⠶⣛⣭⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣠⣤⣤⢤⡤⣤⣴⣞⣯⣶⣿⣿⣿⣿⣿⣿⡿⣿⣻⣿⣽⣾⣿⡿⠋⠀⠀⠀⠀⢀⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣤⡶⠿⢯⣟⣷⣛⡾⢯⣟⡿⣶⢯⣝⡻⢿⣿⣟⣯⣿⣾⣿⣿⣿⣿⣿⣿⣿⣥⣤⣤⣴⣶⢶⠏⠀⠀⡷⠶⠶⠦⠤⠤⣤⣤⣄⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣻⣒⠶⢖⣩⣴⣶⣶⡷⢖⣲⣦⣬⣍⡛⠺⢵⢯⣟⡾⣽⣳⢬⡻⣿⣿⣯⣿⣾⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⠀⠀⠀⢸⣷⣶⣶⣶⣶⣤⣤⣤⣤⣉⣉⡙⠛⠒⠶⠤⣤⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣷⢿⣿⣿⣷⣶⣭⣝⣛⠶⣿⣿⣿⣿⣿⣿⣷⣦⣌⠻⢼⣳⢯⣟⡾⢮⡻⡉⠀⡀⠀⠙⠅⠀⠀⠙⠟⠛⠿⣿⣿⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣶⣤⣬⣉⣛⠻⠶⣦⣤⣀⡀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡼⣿⣿⣿⠿⠿⣿⣿⣿⣿⣷⣾⣭⣟⣻⡿⣿⣿⣿⡷⣤⠙⡿⣼⣛⣯⣿⢾⣺⠀⠀⠈⠘⡄⠀⠈⠸⠀⠀⠘⡿⠀⠀⠀⢸⣿⣿⣟⣯⣿⣿⣻⣿⣟⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣷⣯⣿⣿⣷⣶⠄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡼⣱⣿⡿⣿⣆⠀⠀⠉⠙⠻⢿⣿⣿⣿⣿⣿⣿⣿⣟⣾⣿⣷⡜⣷⣻⣯⢾⡻⢽⠆⠂⠀⠀⠉⠁⠀⠀⠓⠒⠄⢱⠀⠀⠀⢸⣿⣿⣻⣿⢿⣽⣿⣯⣿⡿⣿⣾⣿⣻⣿⢿⣿⣿⣿⣿⣿⣿⣿⡿⠟⠛⠉⠁⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⢡⣿⣿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠈⢛⣿⣿⣻⣿⣿⢻⣿⣿⣟⡇⣷⣏⣾⠃⢀⠌⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⡀⠀⠀⣸⣿⣿⠟⠛⢻⣿⣿⣻⣿⢿⣿⣿⣽⣿⢿⣿⣿⣾⡿⠟⠋⠉⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣏⣾⣿⣿⣟⡿⣿⣿⣆⠀⢀⣴⠾⠛⣛⣛⣻⣿⣿⣿⣿⣿⣿⣿⣷⣟⡾⣳⠀⡜⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡟⠁⠀⠐⣸⣿⣿⣟⣿⣿⣿⣾⣿⣿⠿⠟⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⡟⣱⣿⣿⣿⣦⡟⢡⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣸⣽⢻⡶⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⠟⠀⠀⠠⢡⣿⣿⣿⣿⣿⣿⡾⠟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⡿⣰⣿⣿⣿⣿⡿⢠⣿⣿⢟⠩⠁⠉⠉⠿⢿⣿⣿⣿⣿⣿⣷⡽⢯⣇⣀⠠⠐⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠋⠀⠀⠄⣴⣿⣿⣿⣿⡿⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⢵⣿⣿⣿⣿⣾⡇⣼⡿⠡⠁⠀⠀⠀⠀⠀⠀⠹⣿⣿⣿⣿⣿⣿⣷⠧⠄⠐⠂⠀⠒⠠⢀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠀⡀⣠⣾⣿⣿⣿⣿⣧⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣤⣴⣶⣶⣶⣶⣿⣿⣿⣿⣿⣯⣿⣿⣿⣿⣾⣿⢆⣿⢇⠃⠀⠀⠀⡀⠀⠀⠀⠀⢹⣿⣿⣿⣿⡿⡀⠀⠀⠀⠀⠀⠀⠀⠐⠌⢆⠀⠀⠀⢀⠀⠀⢀⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⢿⣶⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢿⡝⠿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⣷⣿⣿⣸⣿⠸⠀⠀⠀⠐⡿⢦⡀⠀⠀⢀⠿⠛⠉⠟⠋⠉⠉⠉⠀⠀⠀⠀⠀⡄⠈⠈⠆⠀⢀⣸⣴⣾⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿⣮⣝⠻⢶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠷⣌⠻⣿⣿⣯⣿⣿⣿⣿⣿⣿⣷⣿⣯⣿⣾⣿⠀⠀⠀⠀⠀⢣⣷⣷⡀⢀⠂⢠⡦⢸⠀⡤⢔⣶⣶⣄⡀⠀⠀⠈⢿⠀⠀⠘⣶⣿⣿⣿⣿⣿⣿⣽⣾⣿⣿⣯⣿⣿⢿⣿⣿⣿⣿⣿⣦⣉⠻⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⢮⣹⢿⣿⣿⣿⣿⣿⣿⣽⣾⣿⣿⣟⣿⠀⠀⠀⠀⠀⠈⢻⣾⣷⠆⠠⠃⡇⠸⡄⡻⠊⠀⠀⠀⠑⣄⠀⠀⠘⡧⣄⣠⣿⣿⣿⣿⣿⣿⣿⣿⣟⣿⣾⣿⢿⣽⣿⣿⢿⣿⣿⣿⣿⣿⣷⣄⠹⢦⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠻⣿⢡⣬⣻⣿⣿⣟⣿⣽⣾⣿⣻⠀⠀⠀⠀⠀⠀⠀⠻⡟⠀⠀⠀⡇⢀⠟⠁⠀⠀⠀⠀⢀⡸⡇⠀⠀⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⣿⣿⢿⣾⣿⢿⣻⣿⣿⣿⣿⣿⣷⣄⠻⣧⡀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣞⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⡜⠀⠀⠀⠀⠀⠀⠠⠁⠀⠀⢰⡐⡡⠂⠀⠀⠀⢀⣴⣛⠲⣅⣀⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⡿⣿⣿⣿⣟⣯⣿⣿⣿⣻⣿⣿⣿⣽⣿⣿⣿⣿⣿⣧⡈⠻⣦⡀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡏⢮⣻⣇⠹⣝⢯⢿⣿⣿⢀⡟⠀⠀⠀⣀⠠⠐⠁⠀⠀⢀⢋⠔⠀⠀⠀⠀⣠⣿⠿⠋⠉⠉⠁⢸⣿⣿⣯⣿⣟⣿⣿⣿⣿⣿⣿⣿⣻⢿⣿⣿⣿⣯⣿⣿⣟⣷⣿⣿⣯⣿⡿⣿⣿⣿⣿⣦⠉⢷⣄⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠗⠊⠙⠻⡄⠈⢳⣧⣭⠕⡉⠅⠒⠈⠁⠀⠀⠀⠀⠀⡠⠡⠂⠀⠀⠀⢠⡾⠋⠁⠀⠀⢀⠀⣠⣾⣿⣿⣿⣽⣿⢿⣿⣿⣾⣿⣿⣿⣿⣷⣝⢻⣷⣿⡿⣷⣿⡿⣿⣾⣿⣻⣿⣿⣿⣿⣿⣿⣷⡄⠻⣦⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣇⠶⣋⣀⠈⠆⣀⣹⣿⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⠡⠁⠀⠀⢀⡔⠁⠀⠀⠀⡀⢔⣥⣾⣿⣿⣿⣿⣾⣿⢿⣿⣿⣿⣿⣿⣾⣿⢿⣿⣿⣷⡜⢻⣿⣿⣿⣿⣿⣯⣿⣿⣽⣷⣿⡿⣿⣿⣿⣿⣆⠙⣷⡀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡞⠁⠘⢿⣷⣶⣶⣾⡿⠟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⡃⠀⠀⠀⠛⠀⠀⢀⠠⣪⣴⡿⠋⠈⢿⣿⣿⣾⣿⣻⣿⣿⣽⣿⣿⣿⣿⣿⣿⢿⣻⣿⣿⣦⡹⣧⡀⠀⠈⠉⠉⠛⠛⠻⠿⢿⣿⣿⣿⣿⣿⣧⡚⣷⡄⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣧⡀⢮⣱⠃⠉⠁⠈⠢⣑⠠⢀⡀⠀⠀⠀⠀⣀⣤⠤⢧⣃⠀⠀⠀⠀⡠⢀⣵⣾⠟⠁⠀⠀⠀⠈⢿⣿⣷⣿⡿⣿⣽⣿⣿⣿⣿⣿⣿⣿⣿⡿⣿⣿⣿⣷⡘⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠛⠿⣿⣿⣽⣿⡄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣦⠏⠀⠀⠀⠀⢀⣾⡿⠶⢦⣤⣤⣤⣾⣯⣶⣿⣶⣬⡓⢖⣀⣥⠶⠛⣿⠁⠀⠀⠀⠀⠀⠀⢸⣿⣯⣿⣿⡿⣿⣯⣿⣿⣿⣿⣿⣿⣿⣿⢿⣷⣿⣿⣿⡌⢷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠛⠿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡞⠠⠀⠀⠀⠀⡞⠁⠀⠀⠀⠘⣷⣿⣿⣿⣿⣿⣿⣿⣿⣦⣝⢦⣄⠀⠈⢧⡑⡀⠀⠀⠀⠀⢰⣿⣿⣯⣷⣿⣿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⣿⣿⣿⡘⢷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⠃⠃⠀⠀⠀⡼⠀⠀⢀⠠⣠⡴⣿⣿⣿⣿⣟⣷⣿⣟⣿⣿⣿⣷⣜⡷⣄⠀⢷⡀⠀⠀⠀⠀⢸⣿⣷⣿⣿⣻⣽⣿⣿⠛⠿⣿⣿⣿⣿⣿⣟⢿⡉⠛⠿⣿⣷⡸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠘⡀⠀⠀⠀⠀⡠⢐⣵⠞⠁⢰⣿⣿⣿⣟⣿⣿⣯⣿⣿⣿⣽⣿⣿⣿⣯⣳⣾⣟⣆⠀⠀⢀⣾⣿⣿⣷⣿⣿⢿⣿⡏⠀⠀⠈⠙⠿⣿⣿⣿⡌⢷⠀⠀⠀⠉⠻⢿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢧⣑⠢⠄⢐⣨⠶⠋⠀⠀⢀⣿⣿⣿⣿⢿⣻⣷⣿⡿⢿⣿⣿⣽⣿⣻⣿⣿⣷⣟⣯⣷⣶⣿⣿⣿⢿⣾⣿⣻⣿⡟⠀⠀⠀⠀⠀⠀⠈⠙⢿⣿⣸⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠁⠀⠀⠀⠀⣸⣿⣿⣿⣿⣿⣿⢿⣿⣇⣀⣉⣿⣿⣿⣟⣿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣻⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣴⣿⣿⣿⣿⣷⣿⢿⣿⣿⣤⣭⣬⣿⣿⣿⣿⣿⣿⣟⣿⣿⣻⣿⡿⣿⣾⣿⣽⣿⣿⡤⣤⣤⣤⡤⢤⠤⣤⣤⣶⡤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣏⣾⣿⣿⣿⣿⣽⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⣿⡿⣟⣿⣿⢿⣾⣿⣿⣿⣿⣶⣶⣶⣿⣿⠿⠛⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣀⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡤⠶⠛⠚⠛⠉⠉⠉⠉⠉⢙⠿⣿⣿⣿⠿⠾⠛⠟⣻⠿⠛⠻⣟⣿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠛⠛⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣤⣿⣿⡿⣿⢿⣿⣿⣿⣶⣶⣤⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣿⣷⣦⣼⡁⢀⣄⠀⠌⢎⢲⠊⠛⢿⣿⣿⣿⣿⣿⣿⣿⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⣿⢿⣻⣿⣯⡿⣞⣷⣻⡾⣽⣻⣟⡿⣿⣶⣦⣤⠤⢤⣀⠀⠀⠘⣶⢤⣤⡤⠖⠀⠀⠀⠀⠰⣆⡂⠄⠀⠀⠈⠻⣿⣿⣿⣿⣷⣾⡄⠈⠌⢆⠀⠀⠈⠻⣿⣿⣿⣿⣿⡿⣿⡿⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢿⣷⣝⢷⢿⣿⡽⣯⣷⢿⣻⢷⣻⣽⡷⣯⣟⡿⣷⣦⠈⠙⠲⠴⣋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠙⠪⢖⡤⢀⣀⣰⣿⣿⣯⣿⣿⣿⣷⠀⠈⠈⢦⡄⠀⠀⣿⣿⢯⣷⣟⣷⣎⠳⡄⠻⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠘⣿⣿⣧⣿⣯⣷⣷⠹⣿⢯⣿⢯⣷⣟⣯⡿⣽⣷⣻⣧⠀⠀⠀⠀⠈⠁⠢⡀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠑⢾⣦⣍⡛⠿⣿⣿⣿⣿⠀⠀⠀⠀⠁⠀⠀⢸⣿⣻⢷⣻⣾⣻⣷⡜⢂⠈⢧⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠹⣿⣽⣿⣮⡳⣞⠻⣦⡛⢯⣿⡾⣽⣳⣿⣻⣞⣷⢿⡇⠀⠀⠀⠀⠀⠀⠙⣷⣦⣴⣢⡀⠀⠀⠀⠀⠀⠀⢳⡌⢿⠓⣦⣿⣿⡟⠀⠀⠀⠀⠀⠀⠀⢸⣿⡽⠿⠓⠉⠁⠉⠈⢌⠣⠀⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠙⣿⣾⣿⣿⣮⡣⡌⠙⢦⣌⠻⢿⣽⡾⣷⣻⣽⠏⠙⠐⠢⢄⡀⠀⠀⠀⠸⣿⣿⣿⣿⣦⡀⠀⠀⠀⠀⣸⠁⢸⣦⠽⣄⠝⠁⠀⠀⣰⠀⠀⠀⠀⠸⠁⠀⠀⠀⠀⠀⠀⠀⠀⢂⠑⡀⠹⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠈⢿⣷⣻⢿⣿⣾⡲⢄⠈⠲⣤⡙⠻⣷⣟⣿⠀⠂⠀⠀⠀⠈⠑⠢⣀⠀⣿⣻⣿⣿⣿⣿⣶⣤⣶⣶⠃⠀⠈⢧⡀⠀⠀⠀⣀⢎⡇⠂⠀⠀⢀⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠡⠐⡀⠹⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠹⣿⣟⣾⢿⣿⣷⣕⡤⡀⠙⠶⣌⠙⢿⠀⡄⠀⡞⣖⣤⣀⠀⠀⠉⠛⢷⣟⣿⣿⣿⣿⣿⣿⣿⡆⠀⠀⠀⠉⠙⠒⠚⠹⣦⣓⣦⡔⠒⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣡⡼⡄⢹⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⡿⣷⣿⣿⣿⣾⣕⣤⡈⠙⠾⣀⠑⠠⡙⠣⢄⠉⠛⢦⠀⠀⢸⣿⣞⣷⢯⣿⣽⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢿⠁⠀⠀⠀⠀⠀⠀⠀⢀⣤⣶⡾⣿⣻⣟⡿⣧⢱⡀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣞⣷⣻⣟⣿⣿⣿⣵⡤⣀⠑⠢⢄⡀⠀⠉⠒⠼⠁⠀⢨⣷⢿⣾⣻⢷⣯⣿⣿⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢧⡀⠀⠀⠀⠀⠀⣰⣿⢯⣷⣟⣯⣷⢿⣽⢿⣇⢣⠈⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣷⣯⣟⣾⡽⣟⣿⣿⣷⣷⣢⢄⡈⠑⠢⢄⡐⠢⢄⣸⣯⣿⣞⣯⣿⢾⣽⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⢆⠀⠀⣠⣾⡿⣯⣿⢾⣽⣳⣯⣿⢾⣻⣿⡌⡆⢹⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠿⣿⣟⡿⣿⢾⡿⣿⣿⣿⣾⣵⡦⢄⡈⠒⠶⣊⠈⠓⢿⣽⣾⣻⣽⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢳⡸⢿⣯⣟⣷⣯⡿⣽⣷⣻⢾⡿⣽⡾⣧⢹⡘⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠿⣯⣿⣽⣳⣯⢿⣽⡿⣿⣷⣮⣕⡤⣀⠙⠲⢦⣞⡽⣷⣿⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠻⣿⣞⡷⣿⣻⢾⣽⢿⣽⡷⣿⢿⢸⣗⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠻⢿⣟⣿⣳⣿⡿⣿⣿⣿⣿⣷⣯⣶⢶⡸⣟⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣷⣻⣯⣟⡿⣾⣽⢯⣿⡗⠻⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠛⠾⣿⣽⣿⣯⣿⣿⣿⣿⣿⣿⡿⣞⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⢷⣿⣞⣿⣳⣯⣿⢋⡗⢰⣾⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠛⠛⠿⠿⠽⠭⠽⠾⠿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠻⢷⣟⣷⣻⣬⣥⣾⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠻⠿⡿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀


-->

<!DOCTYPE html>
<html lang="en">
<head>

    
  <meta charset="UTF-8" />
  <link rel="icon" href="media/veil icon.jpg" type="icon/gif">
  <title> ☆ art web ☆ </title>
  <style>

  
   * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html, body {
      height: 100%;
      
    }

    body {
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'rainyhearts';
      background: #a5e1ff url('media/cloud.gif') repeat;
      background-size: 500px;
      background-color: #799fb3;
      overflow-y: hidden;
      background-blend-mode: screen;
      cursor: url(https://cur.cursors-4u.net/games/images4/gam308.png), default;  
      
    
      }

    .main {
      display: flex;
      flex-direction: column;
      width: 90%;
      max-width: 1000px;
      background:linear-gradient(to bottom, #b3edff, #f0fcff, #e1f8ff, #a5fbff);
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 4%;
      box-shadow: 0px 0px 15px #00d3ffb3;
      height: 900px;
      scale: 90%;
    }

    .header, .footer {
      background: #c7f4ff;
      padding: 15px;
      text-align: center;
      font-weight: bold;
      border-radius: 10px;
    }

    .header {
        background: url('media/banner.gif ') no-repeat center center / cover;
        color: white;
        height: 4vw;
        text-align: left;
        font-size: 4rem;
        display: flex;
        align-items: center;
        padding-left: 2vw;
         border-radius: -3%;
        overflow: clip;
        opacity: 0.7;
        cursor: url('https://cur.cursors-4u.net/games/images10/gam987.gif'), auto;
    }

    .header span {
        display: inline-block;
        font-weight: bold;
        filter:
            drop-shadow(1px 1px 0 rgb(100, 160, 202))
            drop-shadow(-1px 1px 0 rgb(100, 160, 202))
            drop-shadow(0 -1px 0 rgb(100, 160, 202))
            drop-shadow(1px 0 rgb(100, 160, 202));
        transition: ease-in-out 0.3s;
        font-size: 3vw;
    }

    .header span a {
        color: azure;
        text-decoration: none;
        transition: 0.2s ease-in-out;
        cursor: url('https://cur.cursors-4u.net/games/images10/gam987.gif'), auto;
    }

    .header span a:hover {
        filter:
        drop-shadow(1px 1px 0 rgb(60, 110, 160))
        drop-shadow(-1px 1px 0 rgb(60, 110, 160))
        drop-shadow(0 -1px 0 rgb(60, 110, 160))
        drop-shadow(1px 0 rgb(60, 110, 160));
    }

   
    .content {
      display: flex;
      gap: 0px;
      margin:7px 0;
    }

    .col1, .col2 {
      display: flex;
      flex-direction: column;
     height: 460px;
      gap:0px;
    }

    .col1 {
      flex: 1;
    }

    .col2 {
      flex: 2;
    }
    

    .box {
      background: #f9f9f9;
      border: 1px solid #ccc;
      padding: 10px;
       border-radius: 3%;
      margin: 0;
      overflow: auto;
      color: #c7795f;
      box-sizing: border-box;
      
    }

    .box.tall {
     
    opacity: 0.9;
    min-height: 255px;
    display: flex;
    flex-direction: column;
    border-radius: 3%;
    width: 200px;
    justify-content: space-evenly;
       }

    .box.short {
      min-height: 67px;
       width: 199px;
       opacity: 0.8;
        border-radius: 3%;
         }
         
    /* Background styles */

    .box.blue3 {
      background: url('media/blue3.jpg') repeat; 
      opacity: 0.8;
      border: 1.5px solid #c9c9c9;
    }

    .box.blue4 {
        background: url('media/blue2.jpg') repeat;
    }

    .box.blue6 {
      background: url('media/blue4.jpg') repeat;
      display: flex;
    align-items: center;
    filter: hue-rotate(138deg);
    border-width: 7px;
   border-style: solid;
   border-image: url("https://i.ibb.co/Q7MX8LTZ/clear-notebook.png") 7 fill round;
    }


    .box.imagegif {
      background: url('media/banner3.gif');
      background-size: cover;
      background-position: center;
      
    }
    /* Text styles */
    h1 {
      font-size: 2rem;
      color: #1b3557;
      margin-bottom: 0.5em;
      align-content: center;
      animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    }

    h2 {
      font-size: 17px;
    color: #816262;
    margin-bottom: 0.5em
    align-content: center;
    font-weight: bold;
             
    }

    p {
      font-size: 18px;
      line-height: 1.5;
      color: #4d9bbf;
      margin-bottom: 1em;
          font-weight: bold;
    }

    .box a {
        cursor: url('https://cur.cursors-4u.net/games/images10/gam987.gif'), auto;
    }
    
  /* Navigation Buttons */
        .nav-button {
            width: 33%;
            max-width: 230px;
            height: 45px;
            text-shadow: 4px 4px #FFFFFF;
            font-size: 125%;
            margin: 1px;
            border: 4px outset;
            border-radius: 20px;
            cursor: pointer;
            transition: transform 0.2s, filter 0.2s;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            background-size: cover;
        }

        .nav-button:hover {
            filter: brightness(1.1);
            transform: scale(1.03);
        }

   
    /* scrollbar */
    ::-webkit-scrollbar {
      width: 4px;
    }

    ::-webkit-scrollbar-track {
      background: white;
    }

    ::-webkit-scrollbar-thumb {
      background: #ffad5c;
      border-radius: 6px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: skyblue;
    }

    /* Borders */
    /* 1. Double Border */
    .border-double {
      border: 3px outset #8ae1ff61;
      padding: 12px; 
      margin: 0;
      box-sizing: border-box;
    }
 
    }

    .footer {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box;
        background: #c7f4ff; 
        padding: 15px 0;
        position: relative;
        border-radius: 10px;
    }

    @media (max-width: 768px) {
      .content {
        flex-direction: column;
      }

      .col1, .col2 {
        flex: none;
        width: 100%;
      }
      
    }
 
     #topborder{
    background-image: url('media/div8.gif');
    background-repeat: repeat-x;
    height: 200px;
    width: 100vw;
    position: fixed;
    top: 8px;
    z-index: 3;
   opacity: 30%;
     }
 
    #bottomborder{
    background-image: url('media/div8.gif');
    background-repeat: repeat-x;
    height: 73px;
   width: 100vw;
    position: fixed;
   bottom: -30px;
    z-index: 3;
    opacity: 30%;
    }

    @keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 12px); }
    100%   { transform: translate(0, -0px); }    
    }
  
  
   .box20{
background:url(media/back01.gif);
box-shadow:;
box-sizing:border-box;
margin:20px 0; /* 中央寄せは0をautoに変更 */
padding:10px;
position:relative;
width:53%;
height: 296px;
overflow: clip;
}
.icon01 {
background:url(media/icon01.png) no-repeat;
height:62px;
position:absolute;
right:10px;
top:-13px;
width:27px
}

      .morelinks a {
    color: #ad9165;
    font-size: 21px;
    font-weight: bold;
    
      }
      
   
     .border8 {
border-width: 7px;
border-style: solid;
border-image: url("https://files.catbox.moe/n55045.png") 7 fill round;
}


    }
 new cursoreffects.bubbleCursor({
  fillColor: "#f771b4",
  strokeColor: "#e6f1f7",

});


.snowflake {
		color: #fea8b3;
}

	@-webkit-keyframes snowflakes-fall {
		0% {
			top: -10%
		}
		100% {
			top: 100%
		}
	}
	
	@-webkit-keyframes snowflakes-shake {
		0%,
		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0)
		}
		50% {
			-webkit-transform: translateX(80px);
			transform: translateX(80px)
		}
	}
	
	@keyframes snowflakes-fall {
		0% {
			top: -10%
		}
		100% {
			top: 100%
		}
	}
	
	@keyframes snowflakes-shake {
		0%,
		100% {
			transform: translateX(0)
		}
		50% {
			transform: translateX(80px)
		}
	}
	
	
	.snowflake {
		position: fixed;
		top: -10%;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-animation-name: snowflakes-fall, snowflakes-shake;
		-webkit-animation-duration: 10s, 3s;
		-webkit-animation-timing-function: linear, ease-in-out;
		-webkit-animation-iteration-count: infinite, infinite;
		-webkit-animation-play-state: running, running;
		animation-name: snowflakes-fall, snowflakes-shake;
		animation-duration: 10s, 3s;
		animation-timing-function: linear, ease-in-out;
		animation-iteration-count: infinite, infinite;
		animation-play-state: running, running;
		z-index:-5;
	}
	
	.snowflake:nth-of-type(0) {
		left: 1%;
		-webkit-animation-delay: 0s, 0s;
		animation-delay: 0s, 0s
	}
	
	.snowflake:nth-of-type(1) {
		left: 10%;
		-webkit-animation-delay: 1s, 1s;
		animation-delay: 1s, 1s
	}
	
	.snowflake:nth-of-type(2) {
		left: 20%;
		-webkit-animation-delay: 6s, .5s;
		animation-delay: 6s, .5s
	}
	
	.snowflake:nth-of-type(3) {
		left: 30%;
		-webkit-animation-delay: 4s, 2s;
		animation-delay: 4s, 2s
	}
	
	.snowflake:nth-of-type(4) {
		left: 40%;
		-webkit-animation-delay: 2s, 2s;
		animation-delay: 2s, 2s
	}
	
	.snowflake:nth-of-type(5) {
		left: 50%;
		-webkit-animation-delay: 8s, 3s;
		animation-delay: 8s, 3s
	}
	
	.snowflake:nth-of-type(6) {
		left: 60%;
		-webkit-animation-delay: 6s, 2s;
		animation-delay: 6s, 2s
	}
	
	.snowflake:nth-of-type(7) {
		left: 70%;
		-webkit-animation-delay: 2.5s, 1s;
		animation-delay: 2.5s, 1s
	}
	
	.snowflake:nth-of-type(8) {
		left: 80%;
		-webkit-animation-delay: 1s, 0s;
		animation-delay: 1s, 0s
	}
	
	.snowflake:nth-of-type(9) {
		left: 90%;
		-webkit-animation-delay: 3s, 1.5s;
		animation-delay: 3s, 1.5s
	}
	
	.snowflake:nth-of-type(10) {
		left: 25%;
		-webkit-animation-delay: 2s, 0s;
		animation-delay: 2s, 0s
	}
	
	.snowflake:nth-of-type(11) {
		left: 65%;
		-webkit-animation-delay: 4s, 2.5s;
		animation-delay: 4s, 2.5s
	}
  
  </style>
  </div>


  </style>
  </head>
<body>

<div class="top"></div>
<div class="snowflakes">
	<div class="snowflake"><img src="media/star2.gif" style="width:20px; opacity:70%;" /></div>
	<div class="snowflake"><img src="media/star2.gif" style="width:30px; opacity:70%;" /></div>
    <div class="snowflake"><img src="media/star2.gif" style="width:30px; opacity:70%;" /></div>
    <div class="snowflake"><img src="media/star2.gif" style="width:20px; opacity:70%;" /></div>
	<div class="snowflake"><img src="media/star2.gif" style="width:30px; opacity:70%;" /></div>
    <div class="snowflake"><img src="media/star2.gif" style="width:20px; opacity:70%;" /></div>
    <div class="snowflake"><img src="media/star2.gif" style="width:30px; opacity:70%;" /></div>
	<div class="snowflake"><img src="media/star2.gif" style="width:20px; opacity:70%; " /></div>

</div>
 
 
 <script type="module">
  import { bubbleCursor } from "https://unpkg.com/cursor-effects@latest/dist/esm.js";

  new bubbleCursor();
</script>
  <style>
        @font-face {
  font-family: 'rainyhearts';
  src: url(/fonts/rainyhearts.ttf);
  
}
 </style>

<audio autoplay loop>
<source src="https://files.catbox.moe/3sa2im.mp3" type="audio/mpeg">
</audio>  
  

  <div id="topborder"></div>
<div id="bottomborder"></div>


<h1 style="
    position: relative;
    top: -430px;
    left: 299px;
    scale: 170%;"> 
    <img src="media/dreamcast.gif" style="height: 30px;" >    
          
       <img src="https://websetsbylynn.neocities.org/glitter-text-generator/glitter-text/set9/h.gif" style="height: 30px;" ><img src="https://websetsbylynn.neocities.org/glitter-text-generator/glitter-text/set9/o.gif" style="height: 30px;" ><img src="https://websetsbylynn.neocities.org/glitter-text-generator/glitter-text/set9/m.gif" style="height: 30px;" ><img src="media/3.gif" style="height: 30px;"> 
         
          <img src="media/dreamcast.gif" style="height: 30px; position: relative;left: -10px;">  
  </h1>        
          
   
<div class="main border-double">         
    
    
    <div class="header">
  <div class="col1">

               </div>
  
  
 </div>


<div style="">
   
   
               <img src="media/segamini.gif">
                <img src="media/wii.png">
                 <img src="media/dream.jpg"> 
                 <img src="media/xbox.jpg"> 
                <img src="media/xp2.gif"> 
                <img src="media/xp1.gif"> 
                <img src="media/xp4.gif"> 
               <img src="media/ya.gif">
                  <img src="media/cds.png"style="height: 35px;">
               <img src="media/sa1.webp"style="height: 35px;">
                      <img src="media/sonicad.png">
         
                 
               </marquee>
               </div>


                             <!-- middle -->
                             
                             
             <div class="content"style="position: relative;left: 209px;top: -20px;width: 1046px;">
<div class="box20" >
<div class="icon01"></div>

<img src="media/where.gif" style="position: absolute;left: -83px;top: -40px;scale: 60%;" >  
<p> . </P>
<h2> HIIII 	☆*:.｡.o(≧▽≦)o.｡.:*☆  youve found one of my websites! this is my
art centered web, if you cant see sonic above this use the zoom out controls for your browser!  </h2>

<h1></h1>

<h2>feel free to navigate the website and maybe find some secrets
everything is still a work in progress! since im still new to coding i might 
add something new here and there.</h2>

<!-- FC2 Clap tag starts here -->
<div class= "content" style=" position: absolute; left: 159px; top: 158px;">
<a href="//clap.fc2.com/post/clapill3d/?url=https%3A%2F%2Fvpill3d.neocities.org%2Fhome&title=+%E2%98%86+art+web+%E2%98%86+" target="_blank" title="Web Clap by FC2"><img src="//clap.fc2.com/images/button/green/clapill3d?url=https%3A%2F%2Fvpill3d.neocities.org%2Fhome&amp;lang=en" alt="Web Clap by FC2"  style="border:none;" /></a> </div>
<!-- FC2 Clap tag ends here -->

 
</div> 
 <img src="media/rings.png" style= "height: 50px;position: absolute;top: -119px;left: -400px;width: 227px;height: 600px;" >
     
                                    </div>

             
                     <div class="content"style="position: absolute;width: 334px;left: 223px;top: 383px;"> 
       <img src="media/art.gif">  <img src="media/3ds.jpg"> <img src="media/daydreamer.gif"> <img src="media/sonicMug.gif" style="opacity: 73%;"> <img src="media/amyMug.gif" style="opacity: 78%;" > <img src="media/shadMug.gif" style="opacity: 78%;">
        
                                     </div>
                                     
                                   
                 <!-- middle end -->
 <img src="media/vibe.gif" style= "position: absolute;left: 596px;scale: 108%;top: -115px;filter: brightness(1.5);" >


                      <div style="position: relative; top: -350px;">
 <div class="content">
      <div class="col1"> 
        <div class="box short blue3 border-double">
   
<!-- FC2 Counter  Starts here -->
Current Viewers:<script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=89514383"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=89514383" /></noscript>
<!-- FC2 Counter  Ends here -->
   </div>                         
    
                               <div class="col1">
<div class="box tall blue4 ">
       <img src="media/nav.gif"style="position: absolute;scale: 60%;top: 0px;left: -56px;">
          <h2 style="position: relative;top: 14px;">
 <a href="#tab5" class="nav-button" style="background: linear-gradient(to bottom, #b3edff, #f0fcff, #e1f8ff, #a5ffde); color: #3bbdd2;border-color: #59e1ff;">home</a> 
      <a href="#tab5" class="nav-button" style="background: linear-gradient(to bottom, #b3ffd8, #f0fcff, #c6ffbd, #ddffb4); color: #40db12; border-color: #78f2a1;">about</a>
       <a href="#tab5" class="nav-button" style="background: linear-gradient(to bottom, #e5ffb3, #f0fcff, #fff6bd, #ffdfb4); color: #dbda12; border-color: #f2dc78;">coms</a>  <img src="media/new.gif"style="t;top: 42px;left: 58px;position: absolute;" > 
        <a href="#tab5" class="nav-button" style="background: linear-gradient(to bottom, #ffefb3, #f0fcff, #ffe3bd, #ffedb4); color:#db8912; border-color:#f29d78;">fun!</a> <img src="media/new.gif"style="top: 90px;left: 58px;position: absolute;" > 
         </h2>
</div>
                                       </div>      
     
     
                              <div class="col1">   
   <div style= "position:relative; filter: hue-rotate(340deg);" > 
       
  <iframe
  src="https://chaogarden.netlify.app/?site=https://vpill3d.neocities.org"
  width="198" height="198"
  frameborder="0"
  scrolling="no"
  sandbox="allow-scripts allow-same-origin allow-popups"
  style="border:none; overflow:hidden;">
</iframe>
  </div>     
 
                                 </div>   
        
  
 <img class="border8" src="media/stars.gif" style="width:200px;height:88px;border-radius:10px;"><br>
     
     
                                       <!-- Windows XP Theme -->

                   <link rel="stylesheet" href="https://unpkg.com/7.css">
                                   <div class="col1"style= "filter: saturate(2.5);"> 
  <div class="window active" style="max-width: 199px; box-shadow: none; height: 158px; bottom: 10px; filter: hue-rotate(329deg);">
  <div class="title-bar">
    <div class="title-bar-text">	o(>ω<)o </div>
    <div class="title-bar-controls">
      <button aria-label="Minimize"></button>
      <button aria-label="Maximize"></button>
      <button aria-label="Close"></button>
    </div>
  </div>
  <div class="window-body has-space"style="height: 124px;">
    <menu role="tablist" aria-label="Window with Tabs">
      <button role="tab" aria-controls="	(´꒳`)♡" aria-selected="true">(´꒳`)♡</button>
      <button role="tab" aria-controls="	♡(>ᴗ•)">♡(>ᴗ•) </button>
      <button role="tab" aria-controls="	(ﾉ´ヮ`)ﾉ*: ･ﾟ">(ﾉ´ヮ`)ﾉ*: ･</button>
    </menu>
    <article role="tabpanel" id="music">
    
 
      <section style="display: flex; gap: 6px; align-items: center">
       
      <div class="morelinks"style= "font-family: 'rainyhearts';">
    <h> <a href="https://x.com/vpill3d">twitter</a>
      <a href="https://www.tumblr.com/vpill3d">tumblr</a>
       <a href="https://vpill3d.straw.page/">strawpage</a>
        <a href="https://aidn.jp/wowa/605891702"> . </a> </h>
        </div>
        
      </section>
    </article>
    <section style="display: flex; justify-content: flex-end; gap: 6px">
      <button class="default">OK</button>
      <button>Cancel</button>
    </section>
  </div>
</div>
</div>                            
                              
                                   <!-- Windows XP Theme end -->
                                   
    
        <div class=> 
        <iframe style= "position:relative; top: -491px; left: 670px;" width="314" height="321"  scrolling="no" src="https://gifypet.neocities.org/pet/pet.html?name=sonic&dob=1760654954&gender=f&element=Air&pet=https%3A%2F%2Fmedia.tenor.com%2FNIVbXrmMPNwAAAAj%2Fsonic-advance.gif&map=https%3A%2F%2Fgraphic.neocities.org%2FFloatie_19.gif&background=&tablecolor=%2300d5ff&textcolor=%2347c2ad" frameborder="0"></iframe>
        </div>

                                         <div class=> 
<iframe src="https://www3.cbox.ws/box/?boxid=3551653&boxtag=kY1Rya" width="20%" height="290" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto" style="position: absolute; top: 10px; left: 769px; " ></iframe>	
  </div>
   
      
<div class="box tall blue4"style=" position: absolute; top: 311px; left: 377px; max-height: 289px; width: 297px;">
    
    <div class="menu">
     <img src="media/to do.gif"style=" position: absolute; scale: 44%; top: -90px; left: -94px;">
      ....... <h> </h>
        <ul>
        <h> </h>
            <li> <img src="media/pencil.gif"style="position: relative;scale: 45%;top: 13px;margin: -9px;">code clap button error </li>
            <li> <img src="media/pencil.gif"style="position: relative;scale: 45%;top: 13px;margin: -9px;">add about me</li>
            <li> <img src="media/pencil.gif"style="position: relative;scale: 45%;top: 13px;margin: -9px;">buy more sonic merch</li>
        </ul>
    </div>

    <div class="main">
     <img src="media/sonic4.gif"style="position: absolute;scale: 40%;left: 76px;top: -164px;">
     ..........<h></h>
     <img src="media/changelog.gif"style=" position: absolute; scale: 44%; top: -90px; left: -94px;">
        <li>  more buttons <1/24/26> </li>
        <li>  added new links <1/22/26> </li>
        <li>  readded welcome page<1/17/26> </li>
        <li>  new look!! <1/24/26> </li>
        <li>  added dsi <10/23/25> </li>
        <li>  sonic pet birth <10/20/25> </li>
       <li>   created website <10/16/25> </li>
    </div>
</div>


  <!-- DANTENDO DSI -->

                    <style>
                        :root {
                            /*
    made in chrome, or webkit based browsers... (=`ω´=)
    it's basically useless in firefox (•ิ_•ิ) (tabs don't work)
    still looks nice as deco though ~

        ==== customization ====

        color scheme ! will affect the... case(?) and tab color
        can use #hex, rgb(0,0,0), colorname, etc */
                            --overall-color: #48D1CC;

                            /* welcome image / background ?
        i love using a png for this */
                            --welcome-image: url("media/dscover.jpg");
                        
                            /* custom tab titles ! */
                            --tab-1-title: "onic ball";
                            --tab-2-title: "evil onic";
                            --tab-3-title: "statue onic";
                            --tab-4-title: "no good onic";

                            /* text that goes after every tab ! 
        use '\A' without quotes to form a line break */
                            --tab-1-content: "ball";
                            --tab-2-content: "play my game";
                            --tab-3-content: "...";
                            --tab-4-content: "hdsgahsd";

                            /* thumbnails ! make sure you put your image
        link INSIDE the quotation marks.... please */
                            --tab-1-thumbnail: url("media/ds1.jpg");
                            --tab-2-thumbnail: url("media/ds2.jpg");
                            --tab-3-thumbnail: url("media/ds3.jpg");
                            --tab-4-thumbnail: url("media/ds4.jpg");
                        }
                        /* wall of code itself down below... if you know what you're doing and wanna change advanced stuff, make it readable at unminify.com */
                        .dantendo,
                        .dantendo img {
                            max-width: 100%;
                        }
                        .dantendo .arrows,
                        .dantendo .buttons {
                            filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
                        }
                        .dantendo .arrows a,
                        .dantendo .buttons a {
                            vertical-align: top;
                            position: relative;
                            display: inline-block;
                        }
                        .dantendo *,
                        .dantendo ::after,
                        .dantendo ::before {
                            box-sizing: border-box;
                        }
                        .dantendo ::selection {
                            background: 0 0;
                        }

                        .dantendo .lower-screen::before {
                            content: "";
                            display: block;
                            position: absolute;
                            bottom: 6%;
                            width: 30%;
                            right: 0;
                            left: 0;
                            margin-inline: auto;
                            background:
                                url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAGCAYAAACmekziAAAACXBIWXMAAFxGAABcRgEUlENBAAAAcUlEQVQokeWOIRKDQBAE+ygess9CIu8JyJGRyJVInnNyZeQ9AQeSSiUQcyJVGbXTO6LhR5IW931ZVwDGYWDMOX0a6qH9pU9KLVk3u2NmmBmz+6VxPOPtbsn6Ugp12wCocT6/ybRmnSRqBDUCSbcif5EDSLhUUXnGw2QAAAAASUVORK5CYII=)
                                    left/30% no-repeat,
                                url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAACCAYAAADPV1tRAAAACXBIWXMAAFxGAABcRgEUlENBAAAAJElEQVQokWNs6Gj4z8DAwNBQ0cDIAAWUiFGqf6iZycQwCigCAFqyPosK481tAAAAAElFTkSuQmCC)
                                    10px center/90% no-repeat;
                            height: 10px;
                            z-index: 9999;
                            pointer-events: none;
                        }
                        .dantendo {
                            display: flex;
                            flex-direction: column;
                            gap: 2%;
                            width: 250px;
                            aspect-ratio: 1/1;
                            position: relative;
                            font-family: "MS Pgothic";
                            font-size: 80%;
                            color: #000;
                            text-align: center;
                            margin: 5px auto;
                            border-radius: 4%;
                            filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
                            transition: 4s linear;
                            transform-style: preserve-3d;
                        }
                        .dantendo,
                        .dantendo * {
                            cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzUlEQVRYw+3WzQ2DMAxA4YfVPWATh0lgE8Sm2SQ9tEEp4q9SaksVvhFyePogAnhNwmkESNM0uUUIQNd1eEqkt0JS1WQdIUCTFQoJ20dQBqiq6aPIAU3f9y4KUl54KJQBLgqyXrBWWAeYK8jWoqXCVoCpguzdsFLYCzBTkKObFgpHAVsK1T9WcrYhB7Rti6oyDENVjbOAD4UYo+07UCqEEACIMVZVuBLwUwW5urFUAKqdjKsBi8I4jlUFHt9szsdxnuclzOUHlnvuueef5gl21kMYB7ojtQAAAABJRU5ErkJggg==),
                                auto !important;
                        }
                        .dantendo .screen-division {
                            background: var(--overall-color)
                                linear-gradient(rgba(255, 255, 255, 0.3) 10%, transparent 90%);
                            height: 50%;
                            border-radius: 3%/6%;
                            border: 1px solid #000;
                            box-shadow:
                                0 0 0 3px color-mix(in lch, var(--overall-color) 80%, #fff) inset,
                                0 3px 8px 2px color-mix(in lch, var(--overall-color) 60%, #000) inset;
                            overflow: hidden;
                        }
                        .dantendo .screen-divider,
                        .dantendo .screen-divider::after,
                        .dantendo .screen-divider::before {
                            background: var(--overall-color)
                                linear-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 50%);
                            box-shadow: 0 -5px 5px -2px color-mix(in lch, var(--overall-color) 60%, #000) inset;
                            position: absolute;
                        }
                        .dantendo .screen-divider {
                            top: 48%;
                            right: 0;
                            left: 0;
                            margin-inline: auto;
                            width: 95%;
                            height: 5%;
                            border-block: 1px solid black;
                        }
                        .dantendo .screen-divider::after,
                        .dantendo .screen-divider::before {
                            content: "";
                            display: block;
                            top: -20%;
                            height: 135%;
                            width: 14%;
                            border: 1px solid #000;
                            border-radius: 15%/30%;
                        }
                        .dantendo .screen-divider::before {
                            left: -3%;
                            background-image: linear-gradient(gray, #000), linear-gradient(gray, #000),
                                linear-gradient(gray, #000);
                            background-position:
                                30% 30%,
                                center 30%,
                                70% 30%;
                            background-repeat: no-repeat;
                            background-size: 8% 60%;
                        }
                        .dantendo .screen-divider::after {
                            right: -3%;
                        }
                        .dantendo .screen {
                            background: linear-gradient(0deg, #fff 0, #fff 30%, #d7d7d7 30%, #d7d7d7 70%, #fff 70%);
                            background-size: 100% 3px;
                            border: 1px solid #000;
                            outline: rgba(0, 0, 0, 0.4) solid 1px;
                            outline-offset: 4px;
                            box-shadow: 0 0 0 5px color-mix(in lch, var(--overall-color) 90%, gray);
                            border-radius: 3%/6%;
                            margin-top: calc(3% + 8px);
                            margin-inline: auto;
                            height: calc(85% - 9px);
                            width: 45%;
                            position: relative;
                        }
                        .dantendo-tab {
                            transition: 0.6s 0.2s;
                        }
                        .dantendo .upper-screen .screen {
                            overflow-x: hidden;
                            overflow-y: auto;
                        }
                        .dantendo .lower-screen .screen {
                            white-space: nowrap;
                            overflow-x: auto;
                            overflow-y: hidden;
                            padding-right: 10%;
                        }
                        .dantendo .upper-screen::after,
                        .dantendo .upper-screen::before {
                            content: "";
                            display: block;
                            position: absolute;
                            top: 36%;
                            height: 1.8%;
                            width: 5%;
                            border-radius: 40%/80%;
                            background: #000;
                            filter: drop-shadow(-1px -1px 1px color-mix(in lch, var(--overall-color) 70%, white));
                        }
                        .dantendo .upper-screen::before {
                            left: 12%;
                        }
                        .dantendo .upper-screen::after {
                            right: 12%;
                        }
                        .dantendo-bar {
                            margin: 1px;
                            height: 10px;
                            padding-inline: 11px;
                            text-align: justify;
                            font-size: 8px;
                            background:
                                url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAACXBIWXMAAFxGAABcRgEUlENBAAAAqUlEQVQoka1SsQ3EMAg8vzKMy4zACCkZgTEyBiO4zAiM4NLbkMoRkT9KlP+rEAd3gA1cwMxcRPyKfwQzcyJyIhqEVNXN7N4giqiqx3yPiWgQmzrRE+u6AgCYGbXWo7CUAlV1EUnMjFIKBqGcM+Z5PhG1VrTW4kqpG4pIiubbtvkEAK21U9MbfJ4Wiogzc5/Oc84HtyxLGhriseP4d8f+ir88fxT7+UO+wQ63LnK4FP6+3AAAAABJRU5ErkJggg==)
                                    left 2px/11px no-repeat,
                                url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAACXBIWXMAAFxGAABcRgEUlENBAAAAxUlEQVQokaWSrRbCMAyF7zgTeQQkshKJjJxE9jEmkUjkHqNysrISiZyc5BHihli7LfvhsMN1SXO/Jm0yRNV13VVVhb0qyxJZCpi5c87thlhrkU8TRAS6XX4GyOMJAMiZuRuSIqDzaSgqnCiTt6Qh0p8f5p0k8xywBk31ahwRAb1aeBNNzfEryF1lCSEiwDcoTrwwJ/k2jJfGTtQ4aUbfBlW8BpjW5yGEDOi/mIiAwowmvDXFGBVuvonclx1sKnYyLNs/G/sBGlhPnDO6iAoAAAAASUVORK5CYII=)
                                    right 1px/11px no-repeat;
                            width: fit-content;
                            white-space: nowrap;
                        }
                        .dantendo-bar span {
                            color: #4682b4;
                            font-size: 10px;
                            vertical-align: -1px;
                            margin-right: 3px;
                        }
                        .welcome-image {
                            transition: 0.4s;
                            content: var(--welcome-image);
                            height: calc(100% - 15px);
                            width: 100%;
                            object-fit: cover;
                            object-position: bottom;
                            opacity: 1;
                            position: absolute;
                            right: 0;
                        }
                        .dantendo-tab {
                            width: 85%;
                            aspect-ratio: 1/0.78;
                            margin: 2% auto;
                            right: 0;
                            left: 0;
                            background: color-mix(in lch, var(--overall-color) 50%, #fff);
                            border: 2px solid #fff;
                            font-size: 10px;
                            padding: 2px;
                            color: color-mix(in lch, var(--overall-color) 50%, #000) !important;
                            overflow-y: auto;
                            word-break: break-word;
                            position: absolute;
                            box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5);
                        }
                        .power-button,
                        .select-btn,
                        .start-btn {
                            position: absolute;
                            font-family: arial;
                            font-size: 7px;
                            color: #000;
                            user-select: none;
                            text-shadow: 0 0 0 #000;
                            white-space: nowrap;
                        }
                        .dantendo .tab-content,
                        .dantendo .tab-title {
                            margin: 0 !important;
                            font-size: 11px;
                            white-space: pre-wrap;
                        }
                        .dantendo .tab-content {
                            text-align: left;
                        }
                        .dantendo .tab-title {
                            text-transform: uppercase;
                        }
                        #tab-1 .tab-title::after {
                            content: var(--tab-1-title);
                        }
                        #tab-2 .tab-title::after {
                            content: var(--tab-2-title);
                        }
                        #tab-3 .tab-title::after {
                            content: var(--tab-3-title);
                        }
                        #tab-4 .tab-title::after {
                            content: var(--tab-4-title);
                        }
                        #tab-1 .tab-content::after {
                            content: var(--tab-1-content);
                        }
                        #tab-2 .tab-content::after {
                            content: var(--tab-2-content);
                        }
                        #tab-3 .tab-content::after {
                            content: var(--tab-3-content);
                        }
                        #tab-4 .tab-content::after {
                            content: var(--tab-4-content);
                        }
                        #tab-1-button img {
                            content: var(--tab-1-thumbnail);
                        }
                        #tab-2-button img {
                            content: var(--tab-2-thumbnail);
                        }
                        #tab-3-button img {
                            content: var(--tab-3-thumbnail);
                        }
                        #tab-4-button img {
                            content: var(--tab-4-thumbnail);
                        }
                        .dantendo .screen .thumbnail {
                            background: silver;
                            border: 1px solid gray;
                            outline: white solid 5px;
                            box-shadow:
                                0 0 0 6px gray,
                                0 6px 0 4px gray;
                            border-radius: 3px;
                            height: 40px;
                            width: 40px;
                            display: inline-block;
                            margin-top: 20%;
                            margin-left: 30%;
                            vertical-align: middle;
                        }
                        .dantendo .screen .thumbnail img {
                            min-width: 100%;
                            max-height: 100%;
                            min-height: 100%;
                            object-fit: cover;
                        }
                        :is(#tab-1, #tab-2, #tab-3, #tab-4) {
                            opacity: 0;
                        }
                        .dantendo:has(#tab-1-button:focus, .arrow-up a:focus, .button-x a:focus) #tab-1 {
                            opacity: 1;
                        }
                        .dantendo:has(
                                #tab-2-button:focus,
                                .arrows-left-right a:first-child:focus,
                                .buttons-y-a a:first-child:focus
                            )
                            #tab-2 {
                            opacity: 1;
                        }
                        .dantendo:has(
                                #tab-3-button:focus,
                                .arrows-left-right a:last-child:focus,
                                .buttons-y-a a:last-child:focus
                            )
                            #tab-3 {
                            opacity: 1;
                        }
                        .dantendo:has(#tab-4-button:focus, .arrow-down a:focus, .button-b a:focus) #tab-4 {
                            opacity: 1;
                        }
                        .dantendo:has(a:not(.power-button):focus) .welcome-image {
                            opacity: 0;
                        }
                        .select-btn,
                        .start-btn {
                            right: 18%;
                            height: 4%;
                            width: 4%;
                            background: var(--overall-color);
                            border-radius: 100%;
                            border: 1px solid #000;
                            box-shadow:
                                -2px 2px 3px rgba(255, 255, 255, 0.2) inset,
                                3px -3px 3px color-mix(in lch, var(--overall-color) 80%, #000) inset,
                                1px 1px 2px rgba(0, 0, 0, 0.5);
                            text-indent: 140%;
                        }
                        .start-btn {
                            bottom: 10%;
                        }
                        .select-btn {
                            bottom: 4%;
                        }
                        .select-btn:active,
                        .start-btn:active {
                            box-shadow:
                                2px -2px 3px rgba(255, 255, 255, 0.2) inset,
                                -3px 3px 3px color-mix(in lch, var(--overall-color) 80%, #000) inset;
                        }
                        .dantendo .arrows {
                            width: 17%;
                            height: 15%;
                            position: absolute;
                            top: 67%;
                            left: 5%;
                        }
                        .dantendo .arrows::before {
                            content: "";
                            display: block;
                            position: absolute;
                            top: 33%;
                            right: 37%;
                            background: var(--overall-color);
                            width: 27%;
                            height: 33%;
                            z-index: 69;
                        }
                        .dantendo .arrows div {
                            height: 33%;
                            white-space: nowrap;
                        }
                        .dantendo .arrows a {
                            background: var(--overall-color);
                            height: 100%;
                            width: 40%;
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                        }
                        .dantendo .arrow-down a,
                        .dantendo .arrow-up a {
                            width: 30%;
                        }
                        .dantendo .arrow-up a {
                            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 10%, transparent 80%);
                            border: 1px solid #000;
                            border-bottom: 0;
                            border-radius: 2px 2px 0 0;
                        }
                        .dantendo .arrow-down a,
                        .dantendo .arrows-left-right a:first-child {
                            border: 1px solid #000;
                            box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.8) inset;
                        }
                        .dantendo .arrow-down a {
                            background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 10%, transparent 80%);
                            border-top: 0;
                            border-radius: 0 0 2px 2px;
                        }
                        .dantendo .arrows-left-right a:first-child {
                            background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 10%, transparent 80%);
                            border-right: 0px;
                            border-radius: 2px 0 0 2px;
                        }
                        .dantendo .arrows-left-right a:last-child {
                            background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 10%, transparent 80%);
                            box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.8) inset;
                            border: 1px solid #000;
                            border-left: 0;
                            border-radius: 0 2px 2px 0;
                        }
                        .dantendo .arrow-up a:active {
                            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 10%, transparent 80%);
                        }
                        .dantendo .arrow-down a:active {
                            background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 10%, transparent 80%);
                        }
                        .dantendo .arrows-left-right a:first-child:active {
                            background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 10%, transparent 80%);
                        }
                        .dantendo .arrows-left-right a:last-child:active {
                            background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.2) 10%, transparent 80%);
                        }
                        .dantendo .arrow-down a::after,
                        .dantendo .arrow-up a::after,
                        .dantendo .arrows-left-right a::after {
                            content: "";
                            display: block;
                            position: absolute;
                            background: #000;
                            left: 0;
                            right: 0;
                            margin: auto;
                        }
                        .dantendo .arrows-left-right a::after {
                            width: 40%;
                            top: 45%;
                            height: 9%;
                        }
                        .dantendo .arrow-down a::after,
                        .dantendo .arrow-up a::after {
                            width: 9%;
                            top: 25%;
                            height: 50%;
                        }
                        .dantendo .buttons {
                            width: 20%;
                            height: 19%;
                            position: absolute;
                            top: 63%;
                            right: 3%;
                            white-space: nowrap;
                        }
                        .dantendo .buttons div {
                            height: 33%;
                        }
                        .dantendo .buttons a {
                            background: var(--overall-color);
                            height: 100%;
                            width: 33%;
                            border-radius: 50%;
                            border: 1px solid #000;
                            background-position: center center;
                            background-repeat: no-repeat;
                            box-shadow:
                                -2px -2px 5px -3px rgba(0, 0, 0, 0.6) inset,
                                2px 2px 5px -2px rgba(255, 255, 255, 0.8) inset;
                        }
                        .dantendo .buttons a:active {
                            box-shadow:
                                2px 2px 5px -3px rgba(0, 0, 0, 0.6) inset,
                                -2px -2px 5px -2px rgba(255, 255, 255, 0.8) inset;
                        }
                        .dantendo .buttons .buttons-y-a a:first-child {
                            margin-right: 20%;
                            background-image: url(data:image/png;base64,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);
                            background-size: 60%;
                        }
                        .dantendo .buttons .button-x a {
                            background-image: url(data:image/png;base64,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4OkNwfG2hWo0/sWXSvLHwe2smZHLfLIxXkWOWy9w4yS1EMbI++RjJ/rM/G6D21lmNUNyGWMbtv6NCmC8wAWS/GJwUNSoucPHV3VYjq8Y3N7qBF42rHYyIrAkgZpH/5GGYJj6uPmzNG01dpclHTfFEBgi8PiG4H/fkJr1Z9Kx1VjXDMd+DSVsncD1k9SCFyPv+9dt7nzHVmOfH7zGwda9MTW4X6AWuPjx4OBf19VzOrYae37/IVQCgfkFaoGLkWf+ymtd18/r2mrstvMfHq8k0CfwqIbg/9iar6DbsdXYb2011vcmlvN8AvVorh7RjTz7b8oa+h1bjX1mzr0O5ju6XkXgIAK1kEUNzhkZ/DV46KYHKXPdfvXOwT5lfeS6IajvZgq8veHNvWn76HVtNbZJneRmRseGt+ohDcG/qTvpdm01dsiGv8c0b6ICNRW3puSOvPT/zYZ/wNWx1di6f1A60be3ah1MoOsR120OVugG/K5rq7EnboCNJqyRQMcgl+euUfsXqaqtxhbR89qVC9x/8GV/3UIcs2XDXG01tvK3sQrMI1ATXU4a3AEcn+TQeSqz5q/p2GpsXSZMrfmh287q11TXrw8O/jr732k7OdO11ViNyJQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIENivwH8AWBjxhdGXV8AAAAAASUVORK5CYII=);
                            background-size: 115%;
                        }
                        .dantendo .buttons .button-b a {
                            background-image: url(data:image/png;base64,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);
                            background-size: 90%;
                        }
                        .dantendo .buttons .buttons-y-a a:last-child {
                            background-image: url(data:image/png;base64,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);
                            background-size: 75%;
                        }
                        .dantendo .camera-thingy {
                            height: 100%;
                            background: radial-gradient(black 50%, transparent 60%),
                                radial-gradient(black 50%, transparent 60%);
                            background-position: right, left;
                            background-size:
                                20% 40%,
                                30% 50%;
                            background-repeat: no-repeat;
                            width: 8%;
                            margin: auto;
                            filter: drop-shadow(1px 1px rgba(255, 255, 255, 0.7));
                        }
                        .power-button:hover {
                            color: black;
                            text-decoration: none;
                        }
                        .power-button {
                            bottom: 4%;
                            left: 19%;
                            height: 5%;
                            width: 5%;
                            background: var(--overall-color)
                                url(data:image/png;base64,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);
                            background-repeat: no-repeat;
                            background-size: 75%;
                            background-position: center center;
                            border-radius: 100%;
                            border: 1px solid #000;
                            box-shadow:
                                -2px 2px 3px rgba(255, 255, 255, 0.2) inset,
                                3px -3px 3px rgba(0, 0, 0, 0.4) inset,
                                1px 1px 2px rgba(0, 0, 0, 0.5);
                            text-indent: -450%;
                            text-decoration: none;
                        }
                        .power-button:active {
                            box-shadow:
                                2px -2px 3px rgba(255, 255, 255, 0.2) inset,
                                -3px 3px 3px rgba(0, 0, 0, 0.4) inset,
                                1px 1px 2px rgba(0, 0, 0, 0.5);
                        }
                        .dantendo:has(.power-button:focus) {
                            transform: perspective(200px) rotateX(80deg) rotateY(-80deg) scale(0);
                        }
                    </style>
                   
                   
                    <div class="dantendo"style="top: -697px;left: 660px;scale: 131%;">
                        <div class="screen-division upper-screen">
                            <div class="screen">
                                <div class="dantendo-bar"><span>vpill3d</span> 02/09 11:11</div>
                                <img src="" class="welcome-image" />
                                <div class="dantendo-tab" id="tab-1">
                                    <h6 class="tab-title"></h6>
                                    <p class="tab-content"></p>
                                </div>
                                <div class="dantendo-tab" id="tab-2">
                                    <h6 class="tab-title"></h6>
                                    <p class="tab-content"></p>
                                </div>
                                <div class="dantendo-tab" id="tab-3">
                                    <h6 class="tab-title"></h6>
                                    <p class="tab-content"></p>
                                </div>
                                <div class="dantendo-tab" id="tab-4">
                                    <h6 class="tab-title"></h6>
                                    <p class="tab-content"></p>
                                </div>
                            </div>
                        </div>
                        <div class="screen-divider"><div class="camera-thingy"></div></div>
                        <div class="screen-division lower-screen">
                            <div class="arrows">
                                <div class="arrow-up"><a href="#/"></a></div>
                                <div class="arrows-left-right"><a href="#/"></a> <a href="#/"></a></div>
                                <div class="arrow-down"><a href="#/"></a></div>
                            </div>
                            <div class="screen">
                                <a href="#/" class="thumbnail" id="tab-1-button"
                                    ><img src="" alt="tab 1 thumbnail" /> </a
                                ><a href="#/" class="thumbnail" id="tab-2-button"
                                    ><img src="" alt="tab 2 thumbnail" />
                                </a>
                                <a href="#/" class="thumbnail" id="tab-3-button"
                                    ><img src="" alt="tab 3 thumbnail" /> </a
                                ><a href="#/" class="thumbnail" id="tab-4-button"
                                    ><img src="" alt="tab 4 thumbnail"
                                /></a>
                            </div>
                            <div class="buttons">
                                <div class="button-x"><a href="#/"></a></div>
                                <div class="buttons-y-a"><a href="#/"></a> <a href="#/"></a></div>
                                <div class="button-b"><a href="#/"></a></div>
                            </div>
                            <div class="start-btn">START</div>
                            <div class="select-btn">SELECT</div>
                            <a href="#/" class="power-button">POWER</a>
                        </div>
                    </div>

 
</div>
      
         
        <div>
        
   
  </div>
</body>
</html>