<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀hi i love madoka :3 ⠀⠀

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀               ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣴⣦⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⢀⠤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡿⢴⠟⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⣀⡀⠤⣀⣸⣝⡶⠁⢀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣦⣯⢃⣮⣤⡤
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠦⢄⣼⠻⣤⠖⠉⠁⠀⠀⠀⠀⢠⣈⠙⠳⣶⣅⣷⣤⣤⣀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢈⣿⡿⠟⠛⠉⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣈⢀⣀⣹⠎⠀⠀⠆⢸⡀⢰⠐⡄⠀⠉⢿⠠⢜⣽⣿⢈⣑⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⠃⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣀⣤⣴⣿⢻⣧⣙⣿⠀⢰⠸⠀⣼⣇⠘⣷⡈⣶⣄⣄⢣⢆⠙⣿⣏⣼⣿⣝⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⡿⠆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⡇⢸⣯⣿⢏⠀⢸⣴⣠⣿⣿⡆⣿⣿⣾⣿⣿⣦⡏⢷⡜⣽⡎⢿⡛⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⠇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⡾⠁⡇⢸⣿⡿⡾⢠⢸⣿⣾⣥⡝⢿⣇⠻⢺⣿⡿⣿⣿⡜⣿⣿⣷⡈⢃⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢡⣿⣿⣄⣷⣧⢧⢏⡿⡿⣧⠈⠀⠀⠘⢿⠇⢹⣿⣧⡿⣿⡟⣿⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠠⣀⠀⠀⠀⠈⢿⡿⣿⣿⣿⣯⣻⣆⠉⠁⢀⣀⣂⣄⠀⢀⡰⣿⢻⡇⠙⡇⠀⠙⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣴⣪⣲⡷⡄⠀⠀⠈⠧⠈⠻⢿⡿⣿⣿⣦⣤⣌⣓⣒⣩⣶⣽⡀⠈⠀⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣏⢿⣿⡟⣼⠂⠀⠀⠀⠀⠀⢀⡴⠋⠉⠉⠙⣿⠿⣿⣿⣿⡿⣿⣇⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣟⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⡜⣯⠀⡎⠀⠀⠀⠀⢠⡖⠁⢀⠀⠀⠀⢰⢻⠀⠀⠈⣿⡇⠈⡞⡄⠀⠳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠣⣡⣤⣇⠀⠀⠀⠀⠘⢷⣍⡟⠀⠄⢤⣻⣗⣢⣤⣠⣜⣃⡠⣼⣧⠐⡇⠱⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⢿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢹⠋⡈⠓⢄⠀⢸⣿⣯⣟⣻⣿⣞⣓⣿⠀⣿⡀⠉⠛⣿⠋⠉⡿⣤⡇⡠⡺⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣯⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠘⣤⣕⡸⠉⠳⢤⠋⠻⣻⣧⣿⠀⢸⣿⠀⣿⡇⠀⣀⣿⠀⣀⣿⣏⣤⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠛⠈⠫⡣⣀⠀⣣⡪⠋⠀⠁⠀⠀⣿⠀⣾⡇⠍⢑⣿⠚⢡⣿⢿⡟⣳⡆⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⢿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠺⠯⠞⠁⠀⠀⠀⠀⠀⣿⢀⣿⠁⠀⢸⡎⠀⣸⣿⠷⡶⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣯⣾⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡿⡼⣿⠀⠀⣧⠃⠀⣿⡿⠠⠧⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣄⡖⠒⣖⠟⣽⣣⢞⢄⣿⡇⠀⢠⠻⠀⢀⣿⡔⢤⡀⢈⢑⣄⡦⡀⠀⠀⠀⢀⣾⡝⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣀⡠⢤⡚⠛⣿⣿⣶⠿⣿⡏⢉⣿⣿⡿⠀⠄⣸⡇⠀⢸⣽⣨⣵⠪⢕⣳⢄⠁⡙⣦⡠⠔⣞⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣰⣾⣿⠏⠀⠀⢻⣶⢿⣁⣀⠬⠴⣯⣿⣿⡁⠓⠂⣿⠁⠀⢸⣳⣿⡋⣇⠘⠓⠊⠷⣿⣞⣱⡞⢗⠣⡵⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⣴⣶⢞⡝⠈⠉⠛⠷⠶⢾⣶⣶⣶⣇⠤⠒⠊⠻⢶⡬⣀⣀⣿⣀⡀⡥⠋⠻⣾⣽⣤⣀⠀⠀⠀⣹⣷⣜⡦⠏⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣷⣽⣿⣎⠄⠀⣠⠖⠉⣡⣴⠔⢹⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⡒⠐⠊⠀⠀⠀⠀⠙⣿⣷⣦⡀⣰⡻⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠹⣿⣼⣟⠀⠸⡁⠀⡔⣷⠁⠀⢸⡏⠀⠀⠀⠀⠀⠀⣀⣴⣾⣿⣦⡀⠀⠀⠀⠀⠀⠸⣷⠙⢿⣟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠈⠻⣿⡎⣳⣇⠈⠃⣿⠃⠀⠀⢸⣣⠾⣧⣀⡤⣶⣿⠿⠛⠉⠈⠛⣿⣶⣄⡀⠀⠀⣀⣿⢀⡎⣿⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠘⢿⣼⣟⣗⠢⣇⢢⢄⠀⠎⠯⠽⠛⢺⠋⠉⠁⠀⠀⠀⠀⠀⡇⡎⠛⠿⣷⣮⣞⣿⢀⢸⢸⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠉⠻⣿⣄⣹⣳⡒⠷⣌⣂⡀⠸⣸⠀⣇⢣⢀⡠⢄⠀⣰⢧⠃⠀⠀⠀⢉⢽⡟⢀⣾⡾⠛⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠛⠿⠿⣎⡀⣴⣏⣉⢈⠖⡪⠕⡧⣤⣀⣼⣽⣎⣐⣈⣉⣰⣻⣿⢔⣻⣷⣴⠷⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠛⠛⡻⠭⢼⣴⣶⣦⣼⣫⢡⣤⣥⣽⣕⣰⣿⣿⡽⠟⠉⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢇⠀⠀⡀⠀⠀⡏⠉⠉⢏⠉⠉⠁⠈⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡦⠜⠒⠀⠒⡇⠀⠀⠸⡠⠤⠤⠤⠲⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢷⠀⠀⠀⠀⡇⠀⢀⣾⣇⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡆⠀⠀⠀⡅⢠⣾⡿⢹⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣏⠇⠀⠀⢰⣡⣿⠏⠀⠈⢆⠀⠀⠀⠘⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣻⡻⠟⢲⡶⣷⡿⠁⠀⠀⠀⢨⣧⣤⡴⡾⢟⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢉⠹⠶⠖⡟⠁⠀⠀⠀⠀⠈⠻⡚⡶⠿⠛⢱⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⢸⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⢻⢡⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣾⢸⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠘⡟⡄⠀⠀⢱⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠋⠈⡈⡀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⢣⢣⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠿⠋⠀⠀⠀⠇⡇⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠈⡎⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣠⡾⠃⠀⠀⠀⠀⠀⢸⠃⠀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⢀⣀⣀⣀⡴⠋⠀⠀⠀⠀⠀⠀⠀⠈⣼⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠿⠀⠀⣇⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠈⠛⠿⣻⣿⠁⠀⠀⠀⠀⠀⠀⠀⣀⡀⣿⠀⢸⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣤⣤⣿⡿⠷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣿⠟⠀⠀⠀⠀⠀⠀⠀⠀⠿⢿⣿⡿⢿⡿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣏⣽⢻⡟⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⢿⡿⣻⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⠿⣧⣼⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡟⠈⠻⡄⠀⠀⠀⠀⠀⠀⠀⠀⢠⣋⣀⣨⢻⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠓⢼⣟⢿⡀⠀⠀⠀⠀⠀⠀⢠⣿⠐⡓⠻⣸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣯⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⡿⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
HEY!!! U can't copy my code, just take little slices of it 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>
  <!--embed settings-->
  
   <meta charset="UTF-8">
   <title>🍓 Journal 🍓</title>
   <script>
        function rotarTitulo() {
            let titulo = document.title;
            let primeraLetra = titulo.charAt(0);
            let resto = titulo.slice(1);
            document.title = resto + primeraLetra;
        }
        setInterval(rotarTitulo, 300);
    </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 world">
   <meta name="url" content="https://watakoii-chiquitoblog.neocities.org/">
   <meta name="identifier-url" content="https://watakoii-chiquitoblog.neocities.org/">
   <meta name="thumbnail" content="/http://watakoii-chiquito.neocities.org/thumbnail-2.png">
   <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">
   <meta name="keywords" content="art, blog, kawaii"> 
   <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="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@40,400,1,0&icon_names=home" />
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,1,0&icon_names=schedule" />
   
   <link rel="stylesheet" href="/css/_diary.css">


<style>   
   * {
  cursor: url('https://cur.cursors-4u.net/symbols/sym-6/sym596.cur'), auto !important;
}

</style>

</head>
  <body>
  
  <div class="blog-box">
    <div class="blog-header">
       <img src="/images/gif/wing 1.gif"> <span>Journal</span> <img src="/images/gif/wing 2.gif">
    </div>
    <div class="blog-content">
    
    
  <section class="grid">
  <div class="content-box">
      <div class="date"> 
        <div class="uptade">
      
        <button class="tablinks" onclick="openDate(event, 'welcome')" id="defaultOpen">Welcome!!!</button>
        
      </div>
</div>
</div>

<div class="reproductor">
    <img src="https://i.pinimg.com/736x/4c/3e/3b/4c3e3bbe61f7ff4d5a761ae3ac55513e.jpg">
    
        <div class="wii">Nice Boys</div>
          <div class="wii-2">Artist: 'Temporex'</div>
          
        <audio id="miAudio" src="https://file.garden/aZS-StSviBQ77NL-/Neocities/music/nice%20boys.mp3" loop></audio>
      
        <div class="controles">
            <button id="btnPlay" class="boton">▶ </button>
            <button id="btnPausa" class="boton">⏸ </button>
        </div>
        
        <div class="progreso-contenedor">
        <input type="range" id="barraProgreso" value="0" max="100">
    </div>

        
        
    </div>

    <script src="/js/music.js"></script>
</section>

<div id="first" class="diary">


  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

<div id="second" class="diary">
  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

<div id="welcome" class="diary">

    <div class="intro">
       welcomee!!!
    </div>
    
    
</div>



</div>
<div class="blog-footer">
    <button class="btn-ok" onclick="document.location='_nav.html'">go home</button>
    </div>
</div>
<script>
function openDate(evt, dateName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("diary");
  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(dateName).style.display = "block";
  evt.currentTarget.className += " active";
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
      
  </body>
</html>