<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀hi i love madoka :3 ⠀⠀

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀               ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣴⣦⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⢀⠤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡿⢴⠟⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⣀⡀⠤⣀⣸⣝⡶⠁⢀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣦⣯⢃⣮⣤⡤
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠦⢄⣼⠻⣤⠖⠉⠁⠀⠀⠀⠀⢠⣈⠙⠳⣶⣅⣷⣤⣤⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢈⣿⡿⠟⠛⠉⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣈⢀⣀⣹⠎⠀⠀⠆⢸⡀⢰⠐⡄⠀⠉⢿⠠⢜⣽⣿⢈⣑⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⠃⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣀⣤⣴⣿⢻⣧⣙⣿⠀⢰⠸⠀⣼⣇⠘⣷⡈⣶⣄⣄⢣⢆⠙⣿⣏⣼⣿⣝⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⡿⠆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⡇⢸⣯⣿⢏⠀⢸⣴⣠⣿⣿⡆⣿⣿⣾⣿⣿⣦⡏⢷⡜⣽⡎⢿⡛⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⠇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡾⠁⡇⢸⣿⡿⡾⢠⢸⣿⣾⣥⡝⢿⣇⠻⢺⣿⡿⣿⣿⡜⣿⣿⣷⡈⢃⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢡⣿⣿⣄⣷⣧⢧⢏⡿⡿⣧⠈⠀⠀⠘⢿⠇⢹⣿⣧⡿⣿⡟⣿⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠠⣀⠀⠀⠀⠈⢿⡿⣿⣿⣿⣯⣻⣆⠉⠁⢀⣀⣂⣄⠀⢀⡰⣿⢻⡇⠙⡇⠀⠙⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣴⣪⣲⡷⡄⠀⠀⠈⠧⠈⠻⢿⡿⣿⣿⣦⣤⣌⣓⣒⣩⣶⣽⡀⠈⠀⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣏⢿⣿⡟⣼⠂⠀⠀⠀⠀⠀⢀⡴⠋⠉⠉⠙⣿⠿⣿⣿⣿⡿⣿⣇⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣟⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⡜⣯⠀⡎⠀⠀⠀⠀⢠⡖⠁⢀⠀⠀⠀⢰⢻⠀⠀⠈⣿⡇⠈⡞⡄⠀⠳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠣⣡⣤⣇⠀⠀⠀⠀⠘⢷⣍⡟⠀⠄⢤⣻⣗⣢⣤⣠⣜⣃⡠⣼⣧⠐⡇⠱⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢹⠋⡈⠓⢄⠀⢸⣿⣯⣟⣻⣿⣞⣓⣿⠀⣿⡀⠉⠛⣿⠋⠉⡿⣤⡇⡠⡺⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣯⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠘⣤⣕⡸⠉⠳⢤⠋⠻⣻⣧⣿⠀⢸⣿⠀⣿⡇⠀⣀⣿⠀⣀⣿⣏⣤⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠛⠈⠫⡣⣀⠀⣣⡪⠋⠀⠁⠀⠀⣿⠀⣾⡇⠍⢑⣿⠚⢡⣿⢿⡟⣳⡆⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⢿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠺⠯⠞⠁⠀⠀⠀⠀⠀⣿⢀⣿⠁⠀⢸⡎⠀⣸⣿⠷⡶⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣯⣾⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡿⡼⣿⠀⠀⣧⠃⠀⣿⡿⠠⠧⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣄⡖⠒⣖⠟⣽⣣⢞⢄⣿⡇⠀⢠⠻⠀⢀⣿⡔⢤⡀⢈⢑⣄⡦⡀⠀⠀⠀⢀⣾⡝⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣀⡠⢤⡚⠛⣿⣿⣶⠿⣿⡏⢉⣿⣿⡿⠀⠄⣸⡇⠀⢸⣽⣨⣵⠪⢕⣳⢄⠁⡙⣦⡠⠔⣞⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣰⣾⣿⠏⠀⠀⢻⣶⢿⣁⣀⠬⠴⣯⣿⣿⡁⠓⠂⣿⠁⠀⢸⣳⣿⡋⣇⠘⠓⠊⠷⣿⣞⣱⡞⢗⠣⡵⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⣴⣶⢞⡝⠈⠉⠛⠷⠶⢾⣶⣶⣶⣇⠤⠒⠊⠻⢶⡬⣀⣀⣿⣀⡀⡥⠋⠻⣾⣽⣤⣀⠀⠀⠀⣹⣷⣜⡦⠏⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣷⣽⣿⣎⠄⠀⣠⠖⠉⣡⣴⠔⢹⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⡒⠐⠊⠀⠀⠀⠀⠙⣿⣷⣦⡀⣰⡻⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠹⣿⣼⣟⠀⠸⡁⠀⡔⣷⠁⠀⢸⡏⠀⠀⠀⠀⠀⠀⣀⣴⣾⣿⣦⡀⠀⠀⠀⠀⠀⠸⣷⠙⢿⣟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠈⠻⣿⡎⣳⣇⠈⠃⣿⠃⠀⠀⢸⣣⠾⣧⣀⡤⣶⣿⠿⠛⠉⠈⠛⣿⣶⣄⡀⠀⠀⣀⣿⢀⡎⣿⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠘⢿⣼⣟⣗⠢⣇⢢⢄⠀⠎⠯⠽⠛⢺⠋⠉⠁⠀⠀⠀⠀⠀⡇⡎⠛⠿⣷⣮⣞⣿⢀⢸⢸⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠉⠻⣿⣄⣹⣳⡒⠷⣌⣂⡀⠸⣸⠀⣇⢣⢀⡠⢄⠀⣰⢧⠃⠀⠀⠀⢉⢽⡟⢀⣾⡾⠛⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠛⠿⠿⣎⡀⣴⣏⣉⢈⠖⡪⠕⡧⣤⣀⣼⣽⣎⣐⣈⣉⣰⣻⣿⢔⣻⣷⣴⠷⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠛⠛⡻⠭⢼⣴⣶⣦⣼⣫⢡⣤⣥⣽⣕⣰⣿⣿⡽⠟⠉⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢇⠀⠀⡀⠀⠀⡏⠉⠉⢏⠉⠉⠁⠈⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡦⠜⠒⠀⠒⡇⠀⠀⠸⡠⠤⠤⠤⠲⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢷⠀⠀⠀⠀⡇⠀⢀⣾⣇⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡆⠀⠀⠀⡅⢠⣾⡿⢹⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣏⠇⠀⠀⢰⣡⣿⠏⠀⠈⢆⠀⠀⠀⠘⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣻⡻⠟⢲⡶⣷⡿⠁⠀⠀⠀⢨⣧⣤⡴⡾⢟⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢉⠹⠶⠖⡟⠁⠀⠀⠀⠀⠈⠻⡚⡶⠿⠛⢱⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⢸⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⢻⢡⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣾⢸⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠘⡟⡄⠀⠀⢱⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠋⠈⡈⡀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⢣⢣⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠿⠋⠀⠀⠀⠇⡇⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠈⡎⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠃⠀⠀⠀⠀⠀⢸⠃⠀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢀⣀⣀⣀⡴⠋⠀⠀⠀⠀⠀⠀⠀⠈⣼⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠿⠀⠀⣇⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⠛⠿⣻⣿⠁⠀⠀⠀⠀⠀⠀⠀⣀⡀⣿⠀⢸⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣤⣤⣿⡿⠷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣿⠟⠀⠀⠀⠀⠀⠀⠀⠀⠿⢿⣿⡿⢿⡿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣏⣽⢻⡟⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⢿⡿⣻⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⠿⣧⣼⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡟⠈⠻⡄⠀⠀⠀⠀⠀⠀⠀⠀⢠⣋⣀⣨⢻⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠓⢼⣟⢿⡀⠀⠀⠀⠀⠀⠀⢠⣿⠐⡓⠻⣸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣯⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⡿⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
HEY!!! U can't copy my code, just take little pieces, and credit credit me at least. If u have any quesion of how the site works don't be afraid!!!! u can ask me through gmail or insta. Have a nice coding journey :3-->

<!DOCTYPE html>
    <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>🍓 Watakoii 🍓</title>
       <script>
        function rotarTitulo() {
            let titulo = document.title;
            let primeraLetra = titulo.charAt(0);
            let resto = titulo.slice(1);
            document.title = resto + primeraLetra;
        }
        setInterval(rotarTitulo, 450);
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/toro icon.png">
    <meta name="robots" content="nosnippet">
    <meta name="robots" content="max-snippet:0">
    <meta name="robots" content="noarchive">
    <meta name="robots" content="notranslate">
    <meta name="robots" content="nositelinkssearchbox">
    <meta name="robots" content="max-video-preview:0">
    <meta name="robots" content="max-image-preview:standard">
    <meta name="title" content="watakoii >w<">
    <meta name="description" content="my dear page, made to share with the world">
    <meta name="url" content="https://watakoii-chiquitoblog.neocities.org/">
    <meta name="identifier-URL" content="https://watakoii-chiquitoblog.neocities.org/">
    <meta property="og:url" content="https://watakoii-chiquitoblog.neocities.org/">
    <meta property="og.title" content="watakoii >w<">
    <meta property="og:site_name" content="watakoii-chiquitoblog.neocities.org">
    <meta property="og:description" content="my dear page, made to share with the world">
    <meta property="og:type" content="website">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap" rel="stylesheet">
    <link href="/css/_nav.css" rel="stylesheet" type="text/css" media="all">
    
<style> 
      
      * {
  cursor: url('https://cur.cursors-4u.net/symbols/sym-6/sym596.cur'), auto !important;
}

</style>


   </head>
  
  <body>
  
  <!--...............................................-->
  <!--........header..........-->
  <!--...............................................-->

        <div class="title">
        
             <div class="title-inside">
             <div class="subtitle">hiii, i'm</div>
        <div class="title-font"> ❀ watakoii ❀ </div>
        
      </div>
        </div>
        
  <!--..............................................-->
  <!--.....right box....-->
  <!--..............................................-->

        
<div class="main-container">

<div class="firstleft">

    <div class="content-box">
    
  <div id="dividertopper"><img src="https://files.catbox.moe/nbhr8a.jpg" width="200%"></div>
  <div class="fan-box">
  
      <div class="title-font" style="font-size: 26px; margin-top: 20px;">Fanlisting</div>
      <div class="divisor-top1"></div>
      <div class="stamp-grid">
      
     <a href="https://inoue.cafe/index.html"><img src="https://inoue.cafe/code/50x501.png"></a>
     <a href="https://fan.enamour.nu/nana/"><img src="/images/nana.png"></a>
     <a href="https://fan.lunarella.net/ivan/"><img src="https://i.imgur.com/JbUNzrd.png"></a>
     <a href="https://fanlistings.melankorin.net/vocaloid/"><img src="https://fanlistings.melankorin.net/assets/img/vocaloid/buttons/donations-azure/vc1.png?cbh=a18a93949544d09eaa457626aa67dfbb"></a>
     <a href="https://gryffindors.com/pink/index.php"><img src="https://gryffindors.com/pink/50x50_04.png"></a>
     <a href="https://www.kiri-no-hana.net/kyouya/"><img src="https://www.kiri-no-hana.net/kyouya/codes/50x50-001.jpg"></a>
     <a href="https://www.marheavenj.net/madoka/"><img src="https://www.marheavenj.net/madoka/codes/012.jpg"></a>
     <a href="https://gryffindors.com/jessica/strawberries/index.php"><img src="https://gryffindors.com/jessica/strawberries/50x50_1.png"></a>
     <a href="https://candy.fanfreak.net/index.php"><img src="http://fanfreak.net/admin/images/codes/505.jpg"></a>
     <a href="http://sakura.nu/doki/index.php"><img src="/images/yuri.png"></a>
     <a href="https://mouthwashinggame.neocities.org"><img src="https://mouthwashinggame.neocities.org/mw-assets/codes/50x50-6.png"></a>
     <a href="https://tfl.hakumei.org/nirvana/"><img src="https://tfl.hakumei.org/nirvana/images/georgie/5050-11.png"></a>
     <a href="https://silent.am/mm/index.php"><img src="http://silent.am/codesort/images/mm50501.png"></a>
     <a href="https://theatregirl.net/cats"><img src="https://theatregirl.net/cats/buttons/50x50-3.jpg"></a>
     <a href="http://fan.asuka.nu/light/"><img src="https://fan.asuka.nu/light/codes/5050-06.gif"></a>
     <a href="http://www.marheavenj.net/armin/"><img src="https://www.marheavenj.net/armin/codes/024.jpg"></a>
     <a href="https://www.marheavenj.net/kenma/index.php"><img src="https://www.marheavenj.net/kenma/codes/003.jpg"></a>
     <a href="https://www.marheavenj.net/kuroo/"><img src="https://www.marheavenj.net/kuroo/codes/023.jpg"></a>
     <a href="https://dandadan.i-heart-you.net"><img src="/images/aira.gif"></a>
     <a href="http://endymion.nu/junji"><img src="http://silent.am/codesort/images/junjiito50x50-121234.png"></a>
     <a href="http://arcticrose.net/modernfamily"><img src="https://naiad.nu/fam/images/codes/modernfamily_50502.png"></a>
      
      
      </div>
      </div>
  </div>
  
  
  </div>
  
     <!--................................................-->
     <!--......content and general-->
     <!--................................................-->
     
     
<div class="main">     
     
        <div class="content-box-index"> 
        
  <div id="dividertopper"><img src="/images/deco/index_divider.gif" width="100%"></div>
  
  
  <div class="credit-box">
  
<div class="index-title"><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=29416114"><strong> Welcome!!! </strong><img src="https://pixels.crd.co/assets/images/gallery34/7ff6f67d.gif?v=29416114"></div>

<div class="index-subtitle">always under construction :d</div>

      <img src="/images/deco/korilakuma.png" alt="" class="inline-image"><p>HI THERE SWEETY!!!!! welcome to my kawaii and pinky website.<br><img src="https://pixels.crd.co/assets/images/gallery34/b602a440.gif?v=29416114"><br> I'm going to remind you that this site is <strong>not able for mobile screens</strong>, the site was coded on a <strong>1280 x 720 (16:9) </strong>pc.<br><br>I made this web as a scape for the social media and for express my feelings and likes  My inspo were <a href="https://kkul.neocities.org/">kkul's</a> and <a href="https://advelos.moe/">advelos'</a> websites. Please be nice, if you see your work and you aren't credited, tell me!!! im a person at the end and i forget things :p<br><br><mark>The top dividers aren't mine!!!! all the credits to their creators!!</mark><br>────୨ৎ────</p>
  
<!--banner start-->
  <div class="contenedor-barra">
  <div class="barra-giratoria">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/not_AI.png">
    <img src="https://64.media.tumblr.com/0b250c54dea4229df5d7a47f7c011911/7bf7ca88a92b27d3-15/s100x200/d187c8626a11c36fb01b06a0b5c69a78334cf03f.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/toro1.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/cat1.png">
    <img src="https://64.media.tumblr.com/38441dd588e4ced837c56e592b179792/3c7512c789785a26-8e/s100x200/2f57b5d29bc207d791581c095196c35f51116127.gif">
    <img src="https://64.media.tumblr.com/ea77be550f835f4d4a87d43928661cda/2392e7c1f6f7c3e5-98/s100x200/ee33e90897f4faa016ba64951a5be71a33766ffe.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/madoka/homura.webp">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/madoka/madoka6.webp">
    <img src="https://64.media.tumblr.com/a85fe15c49c6202785f19151a3d12bb3/0b9d330431dd56b2-47/s100x200/901a304fbae6568c24ab73f0e5c877e5a6df9da8.pnj">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/vocaloid/baka.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/doki_doki/doki_doki.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/vocaloid/luka.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/stoking.webp">

  
  </div>
</div>

</div>
<!--banner ends -->


        <!-- Content -->
    </div>

</div>

<!--.......................................................-->
<!--....left box....-->
<!--.......................................................-->

<div class="firstright">   
        
  <div class="content-box-right">
         <div id="dividertopper"><img src="https://64.media.tumblr.com/1cb04b244a56e3c62b333585bba8d00c/d6ec2871b0b13c5f-b5/s250x400/e7a378ac66013222a704148d22635b675cb09ddf.gif" width="100%"></div>
         
         <div class="fan-box">
         
         <div class="title-font" style="font-size: 26px; margin-top: 20px;">Currently</div>
         <ul>
             <li>Watching: oshi no ko</li>
             <li>Listening: nirvana | malice mizer </li>
             <li>Reading: goodnight punpun</li>
             <li>Studing: History</li>
        </ul>   
         
         </div>
    </div>
    
    <div class="divisor1"></div>

  <div class="content-box-right">
         <div id="dividertopper"><img src="https://watermelon.crd.co/assets/images/gallery16/80292913.gif?v=75c8e322" width="100%"></div>
         
         <div class="fan-box">
         
         <div class="title-font" style="font-size: 26px; margin-top: 20px; margin-bottom: 20px;">link me!</div>
            <div class="uptade">
                  
                     <img src="/images/buttons/button.gif" style="margin-bottom: 10px; width: 88px;"> 
                     <div class="link"> <textarea><a href="https://watakoii-chiquitoblog.neocities.org/"><img src="https://watakoii-chiquitoblog.neocities.org/images/buttons/button.gif" style="width: 88px;"></a></textarea> </div>
                     
                     <img src="/images/buttons/watakoii.gif" style="margin: 10px;"> 
                     <div class="link"> <textarea><a href="https://watakoii-chiquitoblog.neocities.org/"><img src="https://watakoii-chiquitoblog.neocities.org/images/buttons/button.gif"></a></textarea> </div>
            </div>
         </div>
    </div>
    
    
</div>

</div>


<div class="divisor-fondo"></div>

<section class="flex">
<div class="firstleft">
  <div class="info-box">
    <div id="dividertopper"><img src="https://files.catbox.moe/lce4c9.png" width="170%"></div>
  
       <div class="credit-box">
       
         <div class="title-font" style="font-size: 26px; margin-top: 20px; margin-bottom: 20px;">uptades!</div>
         <div class="uptade">
            
         <ul>
             <li><div class="date">30/03/26</div>music added | links added | index page new style</li>
             <li style="margin-bottom: 20px;"><div class="date">28/03/26</div>tab completed | nav page completed ⁽⁽◝﹙𐡉ࠏ𐡉﹚◜⁾⁾</li>
        </ul>  
         </div>
       </div>
      
      
  </div>
</div>


    <div class="info-box">
    
    <div id="dividertopper2"></div>
  
       <div class="credit-box">
       
                <div class="title-font" style="font-size: 26px; margin-bottom: 20px;">to-do list!</div>
                <div class="uptade">
         <ul>
             <li>Make the links page</li>
             <li>Make the shelf page</li>
             <li>Make diary</li>
             <li>fix the about page</li>
             <li>Add music</li>
             <li>Add Guestbook</li>
        </ul>  
        </div>
       
       </div>
      
      
  </div>
  
  
<div class="tab">
  <button class="tablinks" onclick="openTab(event, 'wii')" id="defaultOpen">Likes</button>
  <button class="middle" onclick="openTab(event, 'bleh')">dislikes</button>
  <button class="tablinks" onclick="openTab(event, 'random')">Random</button>
  <div class="divisor2"></div>
</div>

     <div id="wii" class="tabcontent">
     
     <div class="inside">
         <div class="generate-font">likes!</div><br>
            <p>Shoujo clothes, red velvet cake, strawberries, cats, music, lately voleyball and roll skating, chocolate, drawing, ramune bottles, mangas, anime, horror games, backrooms, slice of life blogs, spend time in youtube, talk, vocaloid...</p><br>
            
                   <div class="divisor4"></div>
            
         </div>
      
     </div>

     <div id="bleh" class="tabcontent">
     
     <div class="inside">
          <div class="generate-font">dislikes!</div>
            <p>over crowded spaces, noise people, ai <mark>"""""artists"""""</mark>, groomers, supermachist male characters (denji the only exception), superemotional people, narcicist people, meat, coffee, ginger, people that speaks sooooo slow, reggaeton...</p><br>
            
                   <div class="divisor4"></div>
    </div>
    
     </div>

     <div id="random" class="tabcontent">
     
     <div class="inside">
          <div class="generate-font">random!</div>
            <div class="subtitle2">if you want to know more about me :)</div><br>
       
          <button class="generate" onclick="generate()">click!!!</button><br>
       
                          <p id="bah">HELLOOOOOO</p>
                          
                          <div class="divisor4"></div>
      </div>
      
     </div>

  
</section>


<section class="flex" style="margin: 10px;">
  <div class="info-box">
    <div id="dividertopper"><img src="https://files.catbox.moe/lce4c9.png" width="170%"></div>
  
       <div class="credit-box">
       
         <div class="title-font" style="font-size: 26px; margin-top: 20px; margin-bottom: 20px;">webrings</div>
         
          <div class="uptade">
            
         <center id="gummy">
    <a href="https://gummyring.neocities.org"><img src="http://gummyring.neocities.org/gummyring-2color.png"></a><br>
        <a href="https://gummyring.neocities.org/?action=previous"><img src="http://gummyring.neocities.org/back.png"></a>
    <a href="https://gummyring.neocities.org"><img src="http://gummyring.neocities.org/gummyring.png"></a>
        <a href="https://gummyring.neocities.org/?action=next"><img src="http://gummyring.neocities.org/next.png"></a>
</center>


<div class="webring">
                <div id="neo-nihongo">
                  <link
                    rel="stylesheet"
                    href="https://file.garden/ZbpUQD2lT2-4iaij/webrings/neo-nihongo/ring-2.css"
                  />
                  <script
                    type="text/javascript"
                    src="https://file.garden/ZbpUQD2lT2-4iaij/webrings/neo-nihongo/ring-variables.js"
                  ></script>
                  <script
                    type="text/javascript"
                    src="https://file.garden/ZbpUQD2lT2-4iaij/webrings/neo-nihongo/ring-widget-2.js"
                  ></script>
                </div>
              </div>
              
              
              <!-- CDRING START -->
<div id='cdr'>
<script type="text/javascript" src="https://cdring.neocities.org/cdring/onionring-variables.js"></script>
<script type="text/javascript" src="https://cdring.neocities.org/cdring/onionring-widget.js"></script>
    </div>
<!-- CDRING END --> 

     
         </div>
         
       </div>
      
      
  </div>

  
     <div class="wii">
     
     <div class="inside">
      <div id="dividertopper3"></div>
         <div class="generate-font">Micro Blog!</div>
          <div class="blog">
            <ul>
             <li><div class="date">30/03/26</div>Im slowly getting slightly hikikomori...</li>
             <li style="margin-top: 20px;"><div class="date">29/03/26</div>yesterday i made a mistake and i bought the wrong starbucks bottle ꒰ྀི｡ ˊᯅˋ ꒱</li>
        </ul>  
            </div>
                   <div class="divisor3"></div>
            
         </div>
      
     </div>

  
    <!--.........................................................................................................................................................-->
    <!--.......................MUSIC START........................................You can copy this code without credit!!!.......................................-->
    <!--.........................................................................................................................................................-->
    

    <div class="info-box">
    
    <div id="dividertopper2"></div>
  
       <div class="credit-box">
       
                <div class="title-font" style="font-size: 26px;">Music???</div>
                
                     <p>I <mark>don't fucking know how</mark> but i did that if u interact with the site the music starts to play... so let's listen this little playlist :3</p>
                
                           <audio id="reproductor">
                               <source id="sourceAudio" src="https://file.garden/aZS-StSviBQ77NL-/Neocities/music/glitter_instrumental.mp3" type="audio/mpeg">
                           </audio>


	</div>
	</div>
          
    <!--.........................................................................................................................................................-->
    <!--.......................MUSIC ENDS........................................................................................................................-->
    <!--.........................................................................................................................................................-->

</section>


<div id="pre-footer">
        <div class="blinkies">
            <img src="https://64.media.tumblr.com/465097f001a899eab4c40875a1b2bed5/01424bad4c7c2b42-6c/s250x400/77282d4e7f1d95c5a95b15a3ed404523ad286a7e.gifv">
            <img src="https://64.media.tumblr.com/46ffaf823bacba3074c09fc9efd391c5/f01b417193c36424-dc/s250x400/50c236eca41cc4253e9d7a62b44ab4d0d48e92d4.gif">
            <img src="https://watermelon.crd.co/assets/images/gallery21/4d630744.gif?v=75c8e322">
            <img src="https://watermelon.crd.co/assets/images/gallery21/2ba88b5e.gif?v=75c8e322">
            <img src="https://watermelon.crd.co/assets/images/gallery22/9ce10986.gif?v=75c8e322">
            <img src="https://files.catbox.moe/yqr4dr.gif">
            <img src="https://64.media.tumblr.com/c484ce11fc0297e1454d404a3f83d831/2a25a5e1abd64440-c8/s250x400/93cc0d32d2b90529921fe5d685197aff9be49887.gif">
        </div>
</div>


<div id="foot"><strong>WATAKOII 2026-forever and ever!! code made with love ପ(｡ᵔ ⩊ ᵔ｡)ଓ</strong></div>
  
<!--.......................................................................-->
 <!--side nav (at the end 'cuz if u hover it u can see nothing)-->
<!--.......................................................................-->


  <aside id="mySidenav" class="sidenav">
    <nav>
           <a href="/_about" id="about">about♡</a>
           <a href="/404" id="diary" title="i'm creating it">diary♡</a>
           <a href="/_links" id="idk">links♡</a>
           <a href="/404" id="coms" title="i'm creating it">shelf♡</a>
           <a href="/credits" id="credits">credits♡</a>
    </nav>
</aside>

<aside id="OffSite" class="sidenav">
    <nav>
           <a href="https://neocities.org/site/watakoii-chiquitoblog#" id="porfile">porfile♡</a>
           <a href="https://anilist.co/user/watakoii/" id="anilist">anilist♡</a>
           <a href="/404" id="MyYT" title="i'm creating it">Youtube♡</a>
           <a href="/404" id="savetheworld" title="i'm creating it">Be nice♡</a>
           <a href="/_media" id="aficiones">Media♡</a>
    </nav>
</aside>


<script>
function openTab(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}

document.getElementById("defaultOpen").click();


function generate() {
            let a = document.getElementById("bah")
            const b = [
                "i am 15 years old",
                "i like rock and metal(don't let the facade of the web fool you :p)",
                "i have astigmatism and myopia",
                "i used to upload videos to youtube when i was younger, but all of them are private now",
                "i hate PE and ethic classes xp",
                "this is a timeless message!!!: i have lots of exams",
                "i lived in 3 different countries",
                "my fav mangaka is tatsuki fujimoto (csm ended at the first part)",
                "my birthday is 21st June!!!",
                "my head is a ball's magnet",
                "i love hachiware and usagi",
                "im a kira lover in a l's world",
                "im the otaku friend in my group",
                "i forget <i>EVERITHING</i>",
                "i can't do my homework without music ヾ⸨꩜△꩜⸩ﾂ"
            ]
            let i = Math.floor(Math.random() * b.length)
            a.innerHTML = b[i]
        }
        
        
  //music bar start
  
const reproductor = document.getElementById('reproductor');
const source = document.getElementById('sourceAudio');

const playlist = [
  "https://file.garden/aZS-StSviBQ77NL-/Neocities/music/glitter_instrumental.mp3",
  "https://file.garden/aZS-StSviBQ77NL-/Neocities/music/FVN!.mp3",
  "https://file.garden/aZS-StSviBQ77NL-/Neocities/music/Style%20Savvy.mp3"
];

let indiceActual = 0;

document.addEventListener('click', () => {
    if (reproductor.paused) {
        reproductor.play();
    }
}, { once: true });

reproductor.addEventListener('ended', function() {
    indiceActual++; 
    
    if (indiceActual >= playlist.length) {
        indiceActual = 0; 
    }

    source.src = playlist[indiceActual];
    reproductor.load(); 
    reproductor.play().catch(e => console.log("Error al reproducir:", e));
});


</script>


  </body>
</html>