<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀hi i love madoka :3 ⠀⠀

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀               ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣴⣦⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⢀⠤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡿⢴⠟⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⣀⡀⠤⣀⣸⣝⡶⠁⢀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣦⣯⢃⣮⣤⡤
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠦⢄⣼⠻⣤⠖⠉⠁⠀⠀⠀⠀⢠⣈⠙⠳⣶⣅⣷⣤⣤⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢈⣿⡿⠟⠛⠉⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣈⢀⣀⣹⠎⠀⠀⠆⢸⡀⢰⠐⡄⠀⠉⢿⠠⢜⣽⣿⢈⣑⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⠃⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣀⣤⣴⣿⢻⣧⣙⣿⠀⢰⠸⠀⣼⣇⠘⣷⡈⣶⣄⣄⢣⢆⠙⣿⣏⣼⣿⣝⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⡿⠆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⡇⢸⣯⣿⢏⠀⢸⣴⣠⣿⣿⡆⣿⣿⣾⣿⣿⣦⡏⢷⡜⣽⡎⢿⡛⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⠇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡾⠁⡇⢸⣿⡿⡾⢠⢸⣿⣾⣥⡝⢿⣇⠻⢺⣿⡿⣿⣿⡜⣿⣿⣷⡈⢃⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢡⣿⣿⣄⣷⣧⢧⢏⡿⡿⣧⠈⠀⠀⠘⢿⠇⢹⣿⣧⡿⣿⡟⣿⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠠⣀⠀⠀⠀⠈⢿⡿⣿⣿⣿⣯⣻⣆⠉⠁⢀⣀⣂⣄⠀⢀⡰⣿⢻⡇⠙⡇⠀⠙⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣴⣪⣲⡷⡄⠀⠀⠈⠧⠈⠻⢿⡿⣿⣿⣦⣤⣌⣓⣒⣩⣶⣽⡀⠈⠀⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣏⢿⣿⡟⣼⠂⠀⠀⠀⠀⠀⢀⡴⠋⠉⠉⠙⣿⠿⣿⣿⣿⡿⣿⣇⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣟⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⡜⣯⠀⡎⠀⠀⠀⠀⢠⡖⠁⢀⠀⠀⠀⢰⢻⠀⠀⠈⣿⡇⠈⡞⡄⠀⠳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠣⣡⣤⣇⠀⠀⠀⠀⠘⢷⣍⡟⠀⠄⢤⣻⣗⣢⣤⣠⣜⣃⡠⣼⣧⠐⡇⠱⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢹⠋⡈⠓⢄⠀⢸⣿⣯⣟⣻⣿⣞⣓⣿⠀⣿⡀⠉⠛⣿⠋⠉⡿⣤⡇⡠⡺⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣯⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠘⣤⣕⡸⠉⠳⢤⠋⠻⣻⣧⣿⠀⢸⣿⠀⣿⡇⠀⣀⣿⠀⣀⣿⣏⣤⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠛⠈⠫⡣⣀⠀⣣⡪⠋⠀⠁⠀⠀⣿⠀⣾⡇⠍⢑⣿⠚⢡⣿⢿⡟⣳⡆⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⢿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠺⠯⠞⠁⠀⠀⠀⠀⠀⣿⢀⣿⠁⠀⢸⡎⠀⣸⣿⠷⡶⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣯⣾⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡿⡼⣿⠀⠀⣧⠃⠀⣿⡿⠠⠧⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣄⡖⠒⣖⠟⣽⣣⢞⢄⣿⡇⠀⢠⠻⠀⢀⣿⡔⢤⡀⢈⢑⣄⡦⡀⠀⠀⠀⢀⣾⡝⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣀⡠⢤⡚⠛⣿⣿⣶⠿⣿⡏⢉⣿⣿⡿⠀⠄⣸⡇⠀⢸⣽⣨⣵⠪⢕⣳⢄⠁⡙⣦⡠⠔⣞⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣰⣾⣿⠏⠀⠀⢻⣶⢿⣁⣀⠬⠴⣯⣿⣿⡁⠓⠂⣿⠁⠀⢸⣳⣿⡋⣇⠘⠓⠊⠷⣿⣞⣱⡞⢗⠣⡵⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⣴⣶⢞⡝⠈⠉⠛⠷⠶⢾⣶⣶⣶⣇⠤⠒⠊⠻⢶⡬⣀⣀⣿⣀⡀⡥⠋⠻⣾⣽⣤⣀⠀⠀⠀⣹⣷⣜⡦⠏⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣷⣽⣿⣎⠄⠀⣠⠖⠉⣡⣴⠔⢹⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⡒⠐⠊⠀⠀⠀⠀⠙⣿⣷⣦⡀⣰⡻⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠹⣿⣼⣟⠀⠸⡁⠀⡔⣷⠁⠀⢸⡏⠀⠀⠀⠀⠀⠀⣀⣴⣾⣿⣦⡀⠀⠀⠀⠀⠀⠸⣷⠙⢿⣟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠈⠻⣿⡎⣳⣇⠈⠃⣿⠃⠀⠀⢸⣣⠾⣧⣀⡤⣶⣿⠿⠛⠉⠈⠛⣿⣶⣄⡀⠀⠀⣀⣿⢀⡎⣿⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠘⢿⣼⣟⣗⠢⣇⢢⢄⠀⠎⠯⠽⠛⢺⠋⠉⠁⠀⠀⠀⠀⠀⡇⡎⠛⠿⣷⣮⣞⣿⢀⢸⢸⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠉⠻⣿⣄⣹⣳⡒⠷⣌⣂⡀⠸⣸⠀⣇⢣⢀⡠⢄⠀⣰⢧⠃⠀⠀⠀⢉⢽⡟⢀⣾⡾⠛⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠛⠿⠿⣎⡀⣴⣏⣉⢈⠖⡪⠕⡧⣤⣀⣼⣽⣎⣐⣈⣉⣰⣻⣿⢔⣻⣷⣴⠷⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠛⠛⡻⠭⢼⣴⣶⣦⣼⣫⢡⣤⣥⣽⣕⣰⣿⣿⡽⠟⠉⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢇⠀⠀⡀⠀⠀⡏⠉⠉⢏⠉⠉⠁⠈⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡦⠜⠒⠀⠒⡇⠀⠀⠸⡠⠤⠤⠤⠲⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢷⠀⠀⠀⠀⡇⠀⢀⣾⣇⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡆⠀⠀⠀⡅⢠⣾⡿⢹⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣏⠇⠀⠀⢰⣡⣿⠏⠀⠈⢆⠀⠀⠀⠘⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣻⡻⠟⢲⡶⣷⡿⠁⠀⠀⠀⢨⣧⣤⡴⡾⢟⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢉⠹⠶⠖⡟⠁⠀⠀⠀⠀⠈⠻⡚⡶⠿⠛⢱⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⢸⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⢻⢡⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣾⢸⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠘⡟⡄⠀⠀⢱⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠋⠈⡈⡀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⢣⢣⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠿⠋⠀⠀⠀⠇⡇⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠈⡎⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠃⠀⠀⠀⠀⠀⢸⠃⠀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢀⣀⣀⣀⡴⠋⠀⠀⠀⠀⠀⠀⠀⠈⣼⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠿⠀⠀⣇⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⠛⠿⣻⣿⠁⠀⠀⠀⠀⠀⠀⠀⣀⡀⣿⠀⢸⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣤⣤⣿⡿⠷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣿⠟⠀⠀⠀⠀⠀⠀⠀⠀⠿⢿⣿⡿⢿⡿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣏⣽⢻⡟⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⢿⡿⣻⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⠿⣧⣼⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡟⠈⠻⡄⠀⠀⠀⠀⠀⠀⠀⠀⢠⣋⣀⣨⢻⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠓⢼⣟⢿⡀⠀⠀⠀⠀⠀⠀⢠⣿⠐⡓⠻⣸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣯⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⡿⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
HEY!!! U can copy my code, just 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>🍓 Media 🍓</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-chiquito.neocitiesblog.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="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=kid_star" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0&icon_names=kid_star" />
    <link href="/css/_media.css" rel="stylesheet" type="text/css" media="all">
    <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&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">

   
    <style>  
   * {
  cursor: url('https://cur.cursors-4u.net/symbols/sym-6/sym596.cur'), auto !important;
}

/*---------------------------------*/
/*Carrousel*/
/*---------------------------------*/

.contenedor-barra {
    width: 95%;
    overflow: hidden;
    border: 2px solid #fb9dd4;
    background-color: #fff0f8;
    border-radius: 15px 15px 15px 15px;
    margin-bottom: 2px;
    margin: 20px auto !important;
  }

  .barra-giratoria {
    display: flex;
    width: 200%;
    animation: moverBarra 10s ease-in-out infinite alternate;
  }

  .barra-giratoria img {
    height: 50px;
    margin: 10px;
  }


  @keyframes moverBarra {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  @keyframes moverBarra {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
</style>
</head>
<body>

<!--...................................-->
<!--BUTTONS-->
<!--...................................-->


<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'hello')">HELLO</button>
  <span class="sep"><img src="/images/gif/plantita.gif"></span>
  
  
    <button class="tablinks" onclick="openCity(event, 'films')">FILMS</button>
    
   
  <span class="sep"><img src="/images/gif/plantita.gif" ></span>

    <button class="tablinks" onclick="openCity(event, 'series')">SERIES</button>

   
  <span class="sep"><img src="/images/gif/plantita.gif" ></span>

    <button class="tablinks" onclick="openCity(event, 'mangas')">MANGAS</button>
    
  <span class="sep"><img src="/images/gif/plantita.gif"></span>
  
 

            <button class="tablinks" onclick="openCity(event, 'animes')">ANIMES</button>
            
        <span class="sep"><img src="/images/gif/plantita.gif" ></span>
        
        <a href="/_shelf"><button class="tablinks">SHELF</button></a>
        
        <span class="sep"><img src="/images/gif/plantita.gif" ></span>
  
  <a href="/_nav"><button class="tablinks">HOME</button></a>
</div>

<!--.....................................-->
<!--HELLO-->
<!--.....................................-->

<div id="hello" class="content-box-index">

<div class="hello">

        <div class="title"><img src="/images/gif/plantita.gif">  HELLO  <img src="/images/gif/plantita.gif"></div>
   <div class="subtitle">a little thing before start</div>
   
   <p><strong>Hello everyone!!</strong> In this database you can found my favourite movies, anime, manga and some recommendations. At the start of each one i'll show my favs and my recommendation of tthe month. With time i'll add my reviews and comments.<br>You can see my acualized lists in my <a href="https://anilist.co/user/watakoii/">anilist</a> and my <a href="https://boxd.it/lNDSp">letterbox</a>. If u want to recommend me something, text me on insta <a href="https://www.instagram.com/watakoii_chiquito/">( @watakoii_chiquito)</a>, i surely will watch it. ٩(^ᗜ^ )و ´- </p>
   
   <img src="/images/bubbles/tv.png" style="width: 500px; height: 500px; margin: auto;">
   
  <p> My inspo was the <a href="https://kkul.neocities.org/media#">kkul's media page</a>, but the difference is that <strong>i do all from the scratch</strong>. <mark>Have a happy journey trough my page!! </mark><br>────୨ৎ────</p>
   
</div>  

</div>

<!--.....................................-->
<!--SERIES-->
<!--.....................................-->


<div id="films" class="content-box-index">
  <div class="hello">
     
     <div class="title"><img src="/images/gif/plantita.gif"> Films <img src="/images/gif/plantita.gif"></div>
       <div class="subtitle">My little santuary</div>
       
       <p>Hi!!! in this part of my database you can found my favourite films, my recommendation, some movies which i want to watch and my reviews of other ones that i will watch this days.<mark> So enjoy them!</mark><br>ଘ(੭ˊᵕˋ)੭<br><br>⏔⏔⏔ ꒰ ᧔ෆ᧓ ꒱ ⏔⏔⏔</p>
       
       <!--........................Recommendation............................-->
       
       <section style="display: flex; margin-top: 20px;">
       
        <section style="float: left; width: 40%; display: grid; margin-right: 10px;">
         <div class="side-box">
         <div class="box">
          <h3 style="margin-bottom: 10px;">Recently watched  <img src="/images/gif/deco.gif"></h3>
          <div class="cur">
          <div class="cur-grid">
          
          <div class="image-tooltip">
             <img src="https://a.ltrbxd.com/resized/film-poster/9/5/1/1/3/95113-the-grand-budapest-hotel-0-2000-0-3000-crop.jpg?v=6ac71cf4ba" class="zoom">
            <span class="tooltip">The grand hotel Budapest</span>
          </div>
          
             <div class="image-tooltip">
             <img src="https://a.ltrbxd.com/resized/film-poster/4/7/2/9/3/47293-thesis-0-2000-0-3000-crop.jpg?v=48f6347cb5" class="zoom">
            <span class="tooltip">Thesis</span>
          </div>
          
             <div class="image-tooltip">
             <img src="https://a.ltrbxd.com/resized/film-poster/5/1/9/3/9/51939-scarface-0-2000-0-3000-crop.jpg?v=e64e66a6b8" class="zoom">
            <span class="tooltip">Scarface</span>
          </div>
          
             <div class="image-tooltip">
             <img src="https://a.ltrbxd.com/resized/film-poster/5/1/5/6/8/51568-fight-club-0-2000-0-3000-crop.jpg?v=768b32dfa4" class="zoom">
            <span class="tooltip">Fight Club</span>
          </div>
            </div>
            </div>
         </div>
        </div> 
        
        
         <div class="side-box">
         <div class="box">
          <h3 style="margin-bottom: 10px;">My favourites  <img src="/images/gif/deco.gif"></h3>
          <div class="cur">
          <div class="cur-grid">
             
             <div class="image-tooltip">
             <img src="https://a.ltrbxd.com/resized/film-poster/4/1/4/4/7/41447-all-about-lily-chou-chou-0-2000-0-3000-crop.jpg?v=7db4522cd0" class="zoom">
            <span class="tooltip">All about Lily Chou-chou</span>
          </div>
          
             <div class="image-tooltip">
             <img src="https://a.ltrbxd.com/resized/film-poster/3/5/4/4/3/35443-kamikaze-girls-0-2000-0-3000-crop.jpg?v=3f3cc2bbfb" class="zoom">
            <span class="tooltip">Kamikaze girls</span>
          </div>
          
             <div class="image-tooltip">
             <img src="https://a.ltrbxd.com/resized/film-poster/6/1/1/2/8/8/611288-project-hail-mary-0-2000-0-3000-crop.jpg?v=ac31b6ec03" class="zoom">
            <span class="tooltip">Proyect Hail Mary</span>
          </div>
          
             <div class="image-tooltip">
             <img src="https://a.ltrbxd.com/resized/film-poster/1/2/5/5/3/9/4/1255394-the-odyssey-2026-0-2000-0-3000-crop.jpg?v=1eed046d0c" class="zoom">
            <span class="tooltip">The odyssey</span>
          </div>
            </div>
            </div>
            
          </div>
            </div>
         
        
      
        </section>
         
          <div class="recommendation">
            <div class="box">
       <img src="/images/anime/bocchi the rock.jpg" class="inline-image">
           <div class="name">#<span class="material-symbols-outlined">
kid_star
</span></div><span class="material-symbols-outlined icon-filled">kid_star</span>
              <div class="org">#</div>
                 <div class="info">Info!</div>
                   <ul>
                     <li><mark>Status:</mark> #</li>
                     <li><mark>Episodes:</mark> #</li>
                     <li><mark>Studio:</mark> #</li>
                     <li><mark>Original Creator:</mark> #</li>
                     <li><mark>Director:</mark> #</li>
                   </ul>
              <section class="flex">
                 <div class="genre">#</div>
                 <div class="genre">#</div>
                 <div class="genre">#</div>
              </section>
    </div>
          </div>
       
       </section>
       
       
        <!--..........................Section 2..................................-->
        
      <section style="display: flex; margin-top: 20px;">

        
        
      </section>
       
  </div>  
</div>


<div id="ex" class="content-box-index">

<!--banner start-->
<div class="contenedor-barra">
  <div class="barra-giratoria">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/toro2.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/korilakkuma2.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/no_c.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/needy_girl.webp">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/not_AI.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/saiki2.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/yotsuba2.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/toro1.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/panty.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/cat1.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/stoking.webp">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/cute3.webp">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/magical.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/yotsuba.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/cute1.webp">
   
  </div>
</div>
<!--banner ends -->
    <div class="reviews">
       <img src="/images/anime/bocchi the rock.jpg" class="inline-image">
           <div class="name">#</div>
              <div class="org">#</div>
                 <div class="info">Info!</div>
                   <ul>
                     <li><mark>Status:</mark> #</li>
                     <li><mark>Episodes:</mark> #</li>
                     <li><mark>Studio:</mark> #</li>
                     <li><mark>Original Creator:</mark> #</li>
                     <li><mark>Director:</mark> #</li>
                   </ul>
              <section class="flex">
                 <div class="genre">#</div>
                 <div class="genre">#</div>
                 <div class="genre">#</div>
              </section><br><br>
             
        <div class="info" style="font-size: 30px; text-align: center;"><img src="https://pixels.crd.co/assets/images/gallery27/b582c0a2.gif?v=29416114"> Synopsis! <img src="https://pixels.crd.co/assets/images/gallery27/b582c0a2.gif?v=29416114"></div>
           <p style="text-align: center; font-size: 15px;">#<br><br>

(Source: #) </p>
                   
           <div class="info" style="font-size: 30px; text-align: center;"><img src="https://pixels.crd.co/assets/images/gallery27/b582c0a2.gif?v=29416114"> My Opinion! <img src="https://pixels.crd.co/assets/images/gallery27/b582c0a2.gif?v=29416114"></div>
           <p style="text-align: center; font-size: 15px;">No opinion yet :3</p>
    </div>
   
<!--banner start-->
<div class="contenedor-barra">
  <div class="barra-giratoria">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/toro2.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/korilakkuma2.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/no_c.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/needy_girl.webp">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/not_AI.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/saiki2.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/yotsuba2.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/toro1.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/panty.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/cat1.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/stoking.webp">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/cute3.webp">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/magical.gif">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/yotsuba.png">
    <img src="https://file.garden/aZS-StSviBQ77NL-/Neocities/stamps/cute/cute1.webp">
   
  </div>
</div>
<!--banner ends -->


</div>



<script>
// TABS JAVASCRIPT
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  
  tabcontent = document.getElementsByClassName("content-box-index");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  tablinks = document.querySelectorAll(".tablinks, .movies-button");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].classList.remove("active");
  }

  const target = document.getElementById(cityName);
  if (target) {
    target.style.display = "flex"; 
    if (evt && evt.currentTarget) {
      evt.currentTarget.classList.add("active");
    }
  }
}

window.onload = function() {
  const inicio = document.getElementById("hello");
  if (inicio) {
    inicio.style.display = "flex";
  }
  
  const botonInicio = document.querySelector(".tablinks");
  if (botonInicio) {
    botonInicio.classList.add("active");
  }
}; 
</script>

   
</body>
 
 
</html>