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

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀               ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣴⣦⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⢀⠤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡿⢴⠟⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⣀⡀⠤⣀⣸⣝⡶⠁⢀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣦⣯⢃⣮⣤⡤
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠦⢄⣼⠻⣤⠖⠉⠁⠀⠀⠀⠀⢠⣈⠙⠳⣶⣅⣷⣤⣤⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢈⣿⡿⠟⠛⠉⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣈⢀⣀⣹⠎⠀⠀⠆⢸⡀⢰⠐⡄⠀⠉⢿⠠⢜⣽⣿⢈⣑⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⠃⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣀⣤⣴⣿⢻⣧⣙⣿⠀⢰⠸⠀⣼⣇⠘⣷⡈⣶⣄⣄⢣⢆⠙⣿⣏⣼⣿⣝⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⡿⠆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⡇⢸⣯⣿⢏⠀⢸⣴⣠⣿⣿⡆⣿⣿⣾⣿⣿⣦⡏⢷⡜⣽⡎⢿⡛⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⠇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡾⠁⡇⢸⣿⡿⡾⢠⢸⣿⣾⣥⡝⢿⣇⠻⢺⣿⡿⣿⣿⡜⣿⣿⣷⡈⢃⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢡⣿⣿⣄⣷⣧⢧⢏⡿⡿⣧⠈⠀⠀⠘⢿⠇⢹⣿⣧⡿⣿⡟⣿⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠠⣀⠀⠀⠀⠈⢿⡿⣿⣿⣿⣯⣻⣆⠉⠁⢀⣀⣂⣄⠀⢀⡰⣿⢻⡇⠙⡇⠀⠙⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣴⣪⣲⡷⡄⠀⠀⠈⠧⠈⠻⢿⡿⣿⣿⣦⣤⣌⣓⣒⣩⣶⣽⡀⠈⠀⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣏⢿⣿⡟⣼⠂⠀⠀⠀⠀⠀⢀⡴⠋⠉⠉⠙⣿⠿⣿⣿⣿⡿⣿⣇⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣟⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⡜⣯⠀⡎⠀⠀⠀⠀⢠⡖⠁⢀⠀⠀⠀⢰⢻⠀⠀⠈⣿⡇⠈⡞⡄⠀⠳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠣⣡⣤⣇⠀⠀⠀⠀⠘⢷⣍⡟⠀⠄⢤⣻⣗⣢⣤⣠⣜⣃⡠⣼⣧⠐⡇⠱⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢹⠋⡈⠓⢄⠀⢸⣿⣯⣟⣻⣿⣞⣓⣿⠀⣿⡀⠉⠛⣿⠋⠉⡿⣤⡇⡠⡺⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣯⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠘⣤⣕⡸⠉⠳⢤⠋⠻⣻⣧⣿⠀⢸⣿⠀⣿⡇⠀⣀⣿⠀⣀⣿⣏⣤⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠛⠈⠫⡣⣀⠀⣣⡪⠋⠀⠁⠀⠀⣿⠀⣾⡇⠍⢑⣿⠚⢡⣿⢿⡟⣳⡆⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⢿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠺⠯⠞⠁⠀⠀⠀⠀⠀⣿⢀⣿⠁⠀⢸⡎⠀⣸⣿⠷⡶⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣯⣾⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡿⡼⣿⠀⠀⣧⠃⠀⣿⡿⠠⠧⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣄⡖⠒⣖⠟⣽⣣⢞⢄⣿⡇⠀⢠⠻⠀⢀⣿⡔⢤⡀⢈⢑⣄⡦⡀⠀⠀⠀⢀⣾⡝⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣀⡠⢤⡚⠛⣿⣿⣶⠿⣿⡏⢉⣿⣿⡿⠀⠄⣸⡇⠀⢸⣽⣨⣵⠪⢕⣳⢄⠁⡙⣦⡠⠔⣞⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣰⣾⣿⠏⠀⠀⢻⣶⢿⣁⣀⠬⠴⣯⣿⣿⡁⠓⠂⣿⠁⠀⢸⣳⣿⡋⣇⠘⠓⠊⠷⣿⣞⣱⡞⢗⠣⡵⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⣴⣶⢞⡝⠈⠉⠛⠷⠶⢾⣶⣶⣶⣇⠤⠒⠊⠻⢶⡬⣀⣀⣿⣀⡀⡥⠋⠻⣾⣽⣤⣀⠀⠀⠀⣹⣷⣜⡦⠏⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣷⣽⣿⣎⠄⠀⣠⠖⠉⣡⣴⠔⢹⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⡒⠐⠊⠀⠀⠀⠀⠙⣿⣷⣦⡀⣰⡻⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠹⣿⣼⣟⠀⠸⡁⠀⡔⣷⠁⠀⢸⡏⠀⠀⠀⠀⠀⠀⣀⣴⣾⣿⣦⡀⠀⠀⠀⠀⠀⠸⣷⠙⢿⣟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠈⠻⣿⡎⣳⣇⠈⠃⣿⠃⠀⠀⢸⣣⠾⣧⣀⡤⣶⣿⠿⠛⠉⠈⠛⣿⣶⣄⡀⠀⠀⣀⣿⢀⡎⣿⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠘⢿⣼⣟⣗⠢⣇⢢⢄⠀⠎⠯⠽⠛⢺⠋⠉⠁⠀⠀⠀⠀⠀⡇⡎⠛⠿⣷⣮⣞⣿⢀⢸⢸⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠉⠻⣿⣄⣹⣳⡒⠷⣌⣂⡀⠸⣸⠀⣇⢣⢀⡠⢄⠀⣰⢧⠃⠀⠀⠀⢉⢽⡟⢀⣾⡾⠛⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠛⠿⠿⣎⡀⣴⣏⣉⢈⠖⡪⠕⡧⣤⣀⣼⣽⣎⣐⣈⣉⣰⣻⣿⢔⣻⣷⣴⠷⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠛⠛⡻⠭⢼⣴⣶⣦⣼⣫⢡⣤⣥⣽⣕⣰⣿⣿⡽⠟⠉⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢇⠀⠀⡀⠀⠀⡏⠉⠉⢏⠉⠉⠁⠈⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡦⠜⠒⠀⠒⡇⠀⠀⠸⡠⠤⠤⠤⠲⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢷⠀⠀⠀⠀⡇⠀⢀⣾⣇⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡆⠀⠀⠀⡅⢠⣾⡿⢹⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣏⠇⠀⠀⢰⣡⣿⠏⠀⠈⢆⠀⠀⠀⠘⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣻⡻⠟⢲⡶⣷⡿⠁⠀⠀⠀⢨⣧⣤⡴⡾⢟⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢉⠹⠶⠖⡟⠁⠀⠀⠀⠀⠈⠻⡚⡶⠿⠛⢱⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⢸⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⢻⢡⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣾⢸⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠘⡟⡄⠀⠀⢱⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠋⠈⡈⡀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⢣⢣⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠿⠋⠀⠀⠀⠇⡇⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠈⡎⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠃⠀⠀⠀⠀⠀⢸⠃⠀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢀⣀⣀⣀⡴⠋⠀⠀⠀⠀⠀⠀⠀⠈⣼⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠿⠀⠀⣇⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⠛⠿⣻⣿⠁⠀⠀⠀⠀⠀⠀⠀⣀⡀⣿⠀⢸⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣤⣤⣿⡿⠷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣿⠟⠀⠀⠀⠀⠀⠀⠀⠀⠿⢿⣿⡿⢿⡿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣏⣽⢻⡟⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⢿⡿⣻⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⠿⣧⣼⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡟⠈⠻⡄⠀⠀⠀⠀⠀⠀⠀⠀⢠⣋⣀⣨⢻⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠓⢼⣟⢿⡀⠀⠀⠀⠀⠀⠀⢠⣿⠐⡓⠻⣸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣯⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⡿⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
HEY!!! U can't copy my code, just take little slices and credit me!!!. 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>🍓 About 🍓</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/_about.css" rel="stylesheet" type="text/css" media="all">
  
    <style>   
   * {
  cursor: url('https://cur.cursors-4u.net/symbols/sym-6/sym596.cur'), auto !important;
}

/*-----------------------------------------*/
/*Banner*/
/*-----------------------------------------*/

.banner {
    background-image: url('/images/headers/header_madoka.gif');
    background-size: cover;
    background-position: center;
    height: 259px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    border: 2px solid #fb9dd4;
    border-radius: 10px 10px 0 0;
    margin: 1px auto !important;
    margin-bottom: 20px;
}

.banner-content {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 5px 5px 5px 5px;
}

.banner-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ff4500;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

  </style>  
  
  </head>
  
<body> 
     
<!--...................................................................................-->
<!--....LEFT SIDE....-->
<!--...................................................................................-->
     
     
     <div class="card-box">
        <div class="inside">
          <div class="icon"><img src="/images/icon.png"> </div>
            <h2>Watakoii</h2>
            <p>she<mark> ♡ </mark>her</p><br>
            <ul>
               <li>nationality: colombian</li>
               <li>fav color: <mark>PINK!!!!</mark></li>
               <li>birthday: 21st June</li>
               <li>feeling: <a href="https://www.imood.com/users/watakoii"><img src="https://moods.imood.com/display/uname-watakoii/fg-black/trans-1/imood.gif" alt="The current mood of watakoii at www.imood.com" border="0"></a> </li>
            
               <li><img src="https://i.imgur.com/7TxHh19.png" alt="Straight Ally"></ul><br><br>
            
            <a href="/_nav"><mark> BACK!! </mark></a>
            
        </div>
     </div>

<!--...................................................................................-->
<!--....RIGHT SIDE....-->
<!--...................................................................................-->

<section class="grid">
  <div class="accordion">♡ The webmistress</div>
     <div class="content" id="about" style="display: block;">
        <div class="content2"><mark>HIII!!</mark> i'm watakoii the webmistress of this website, nice to meet u!!!<img src="https://pixels.crd.co/assets/images/gallery08/9f03fa4c.gif?v=29416114"><br><br>Im a mega otaku in real life (i started to watch anime at 7 y/o  with death note)<br><br>I have an obsession with Japan, shoujo style, my melody, cinnamoroll and pink :p<img src="https://pixels.crd.co/assets/images/gallery15/ce8871cc.gif?v=29416114"><br><br>I born in Venezuela i lived all my life in Colombia, but im living in spain, so the internet is the only space i metaphorically belong<br><br>I like to talk a lot, so if u want to talk a little or make new friends text me trought gmail or insta!!!!<img src="https://pixels.crd.co/assets/images/gallery15/e21e0810.gif?v=29416114"><br><br>My favourite bands are <mark>nirvana</mark> and <mark>Malice mizer</mark><br><br> 
        
        
        <!--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/ohshc1.webp">
    <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://64.media.tumblr.com/b15fa0f3bb70206bb14cc6a847c61b5e/6aabbea0af91b052-6f/s250x400/a7303ff98458d538c6914bb25dead0580ccd17f8.gif">
    <img src="https://files.catbox.moe/quzkdt.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/cute3.webp">
    <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">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/fujoshi/gl.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/madoka/madoka7.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/panty.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/fujoshi/yaoi.png">

  
  </div>
</div>

</div>
<!--banner ends -->
        
        
        </div>
     
     
  <div class="accordion">♡ Favorites</div>
     <div class="content">
         <div class="box-characters">
           <div class="credit-box">
             <div class="generate-font"><img src="https://pixels.crd.co/assets/images/gallery02/5d3bb1ca.gif?v=29416114"> Fav Characters! <img src="https://pixels.crd.co/assets/images/gallery02/5d3bb1ca.gif?v=29416114"></div>
                <div class="characters">
     
        <div class="characters-grid">
 
       
         <div class="container"> <img loading="lazy" decoding="async" src="/images/personajes/hachi.jpeg" class="loves zoom" title="nana(hachi) ❀ nana" width="90"><div class="overlay">
    <div class="text">nana komatsu (hachi)<br>❀<br>Nana</div>
  </div>
         </div>
         
          <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/okarun.jpeg" class="loves zoom" title="okarun ❀ dandadan" width="90"> <div class="overlay">
    <div class="text">ken takakura (okarun)<br>❀<br>Dandadan</div>
  </div>
          </div>
         
          <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/kagamine rin.jpeg" title="rin kagamine ❀ vocaloid" class="loves zoom" width="90"><div class="overlay">
    <div class="text">rin kagamine<br>❀<br>Vocaloid</div>
  </div>
          </div>
         
          <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/cinna.jpeg" class="loves zoom" title="cinnamoroll ❀ hello kitty and friends" width="90"><div class="overlay">
    <div class="text">cinnamoroll<br>❀<br>Hello Kitty and friends</div>
  </div>
          </div>
         
           
            <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/kobeni.jpeg" class="loves zoom" title="kobeni ❀ chainsaw man" width="90"> <div class="overlay">
    <div class="text">kobeni<br>❀<br>Chainsaw-man</div>
  </div>
         </div>
           
            <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/Fujino.jpeg" class="loves zoom" title="fujiino ❀ look back" width="90"> <div class="overlay">
    <div class="text">Fujino<br>❀<br>Look Back</div>
  </div>
         </div>
           
            <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/ivan_icon.jpeg" class="loves zoom" title="ivan ❀ alien stage" width="90"><div class="overlay">
    <div class="text">Ivan<br>❀<br>Alien Stage</div>
  </div>
         </div>
           
            <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/bocchi.jpeg" class="loves zoom" title="bocchi ❀ bocchi the rock" width="90"><div class="overlay">
    <div class="text">Hitori Gotou (bocchi)<br>❀<br>Bocchi the rock</div>
  </div>
         </div>
           
           
            <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/kyoya.jpg" class="loves zoom" title="kypya Ootori ❀ Ouran High School Host Club" width="90"><div class="overlay">
    <div class="text">Kyoya Ootori<br>❀<br>Ouran High School Host Club</div>
  </div>
         </div>
         
         <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/yoshiki.jpeg" class="loves zoom" title="yoshiki ❀ the summer hikaruu died" width="90"><div class="overlay">
    <div class="text">Yoshiki<br>❀<br>The summer hikaru died</div>
  </div>
         </div>
         
         <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/madoka.jpeg" class="loves zoom" title="madoka ❀ Madoka Magica" width="90"><div class="overlay">
    <div class="text">Madoka<br>❀<br>Puella Magi Madoka Magica</div>
  </div>
         </div>
         
         <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/miku.jpeg" class="loves zoom" title="miku ❀ vocaloid" width="90"><div class="overlay">
    <div class="text">Hatsune Miku<br>❀<br>Vocaloid</div>
  </div>
         </div>
         
         <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/My melody.jpeg" class="loves zoom" title="My melody ❀ Hello Kitty and friends" width="90"><div class="overlay">
    <div class="text">My Melody<br>❀<br>Hello Kitty and friends</div>
  </div>
         </div>
         
         <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/hanako.jpeg" class="loves zoom" title="Hanako-kun ❀  Toilet-Bound Hanako-kun" width="90"><div class="overlay">
    <div class="text">Hanako-kun<br>❀<br>Toilet-bound Hanako-kun</div>
  </div>
         </div>
         
         <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/choso.jpeg" class="loves zoom" title="Choso ❀ Jujutsu Kaisen" width="90"><div class="overlay">
    <div class="text">Choso<br>❀<br>Jujutsu Kaisen</div>
  </div>
         </div>
         
         <div class="container"><img loading="lazy" decoding="async" src="/images/personajes/armin.jpeg" class="loves zoom" title="Armin Arlet ❀ Shingeki no Kyojin" width="90"><div class="overlay">
    <div class="text">Armin Arlet<br>❀<br>Shingeki no Kyojin</div>
  </div>
         </div>
             
        </div>
     
      </div>
            <div class="generate-font"><img src="https://pixels.crd.co/assets/images/gallery02/5d3bb1ca.gif?v=29416114"> Fav songs! <img src="https://pixels.crd.co/assets/images/gallery02/5d3bb1ca.gif?v=29416114"></div>
            
            
             <div class="characters">
     
        <div class="music-grid">
        
        <iframe src="https://www.youtube.com/embed/Hs8WbXdCOIA?si=zQooW6eB-hTvi3uz" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/fregObNcHC8?si=uNlBtb5R3oMOXCbi" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/nJpt6o2l5q0?si=In9MCPiyZSSr2-Gw" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/SulLAzGtVF8?si=Sd1Ws4fR8nhGzfaZ" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/4YFu4dvMHHY?si=etUpMlbUxxqqC2MV" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/DnGdoEa1tPg?si=re-zRR8gd2WRlKF2" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/j2tZQ75uB0U?si=NPsb174Wfy8ba06Y" title="YouTube video player"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" ></iframe>
        
        <iframe src="https://www.youtube.com/embed/u-WTfP3WJc4?si=JXpEfFTVozgHAwZs" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/-1lNCgfLxf0?si=jOzAsR85mMzVF19U" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/Q6FarZpy67M?si=sUjspyl1rWYHhsDG" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/VF-FGf_ZZiI?si=r9uWEtLzY3MI7suS" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        <iframe src="https://www.youtube.com/embed/bJx1hntfzOI?si=jSXq2vgummY9wp3W" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
        
        </div></div>
      
        </div>
        
        </div>
      
      
     </div>
     
     
  <div class="accordion">♡ My aesthetics</div>
     <div class="content">
        <div class="characters">
           <div class="aes-grid">
               <!-- miniature -->
                     <img class="myImages" src="https://i.pinimg.com/736x/a2/e5/89/a2e589d77f2700c48b5522e536cbe7f8.jpg" alt="Aesthetic 1">
                     <img class="myImages" src="https://i.pinimg.com/736x/e7/ee/19/e7ee194f59903650780e76ead884b7db.jpg" alt="Aesthetic 2">
                     <img class="myImages" src="https://i.pinimg.com/736x/9c/16/0b/9c160bd4d77df7938ef1463995c8ad7b.jpg">
                     <img class="myImages" src="https://i.pinimg.com/736x/d0/18/8b/d0188b9eee89dff540ac44df3146b539.jpg">
                     <img class="myImages" src="https://i.pinimg.com/736x/9c/94/2b/9c942b8d085e7fd1c359e6d14f372354.jpg">
                     <img class="myImages" src="https://i.pinimg.com/736x/55/1b/04/551b04b8ffcbb2812c3368dfc0a8a018.jpg">
                     <img class="myImages" src="https://i.pinimg.com/736x/61/07/6f/61076fe3b1aee3c5cb4dfe51ac5461b1.jpg">
                     <img class="myImages" src="https://i.pinimg.com/736x/b2/d4/3e/b2d43ed2b16723509cb4396b6dba190e.jpg">
           </div>

               <!-- modal -->
            <div id="myModal" class="modal">
                     <img class="modal-content" id="img01">
            </div>


      </div>
   </div>
     
     
  <div class="accordion">♡ External</div>
     <div class="content">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
     
     
  <div class="accordion">♡ Contact</div>
     <div class="content">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
     
     
</section>
       
<script>

  const inicio = document.getElementById("about");
  if (inicio) {
    inicio.classList.add("active");
  }

  var acc = document.getElementsByClassName("accordion");
  var i;  

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    
    var panel = this.nextElementSibling;
    var isActive = this.classList.contains("active");

    for (var j = 0; j < acc.length; j++) {
      acc[j].classList.remove("active");
      acc[j].nextElementSibling.style.display = "none";
    }

    if (!isActive) {
      this.classList.add("active");
      panel.style.display = "block";
    }
  });
}

  
//MODAL BOX SCRIPT

window.onload = function() {
    const modal = document.getElementById("myModal");
    const modalImg = document.getElementById("img01");
    const images = document.querySelectorAll(".myImages");

    images.forEach(img => {
        img.onclick = function() {
            modal.style.display = "flex";
            modalImg.src = this.src;
        }
    });

    modal.onclick = function() {
        modal.style.display = "none";
    }
}


</script>


  </body>
</html>