<!-- base template by teppyslayouts.neocities.org -->
<!--⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⠐⣂⠠⠀⢒⣂⢀⠀⠀⠀⠐⠀⠄⡀⠀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠔⡡⠔⣋⣥⣭⢾⣶⣻⡟⣿⣻⣟⡶⣦⢤⡀⠑⠠⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⢃⣡⣶⣟⣯⣟⣾⣻⣞⣷⣻⢷⣻⢾⡽⣯⢿⣽⣳⢦⡈⠢⡈⠠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡰⣡⣶⣿⢿⣻⣞⣷⣻⣞⣷⣟⣾⣽⣻⣽⢯⣿⣽⣻⣞⡿⣯⢿⣦⣘⡄⠁⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⢪⣞⣿⡾⣯⣟⣷⣻⣾⣿⣽⡾⣽⣾⣳⣯⣟⣿⣞⣷⢿⣽⣻⣽⣟⣾⣽⣻⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠎⣴⣿⣟⣿⣟⣷⣾⣿⣟⣾⢷⡿⣯⣷⣟⣷⢿⣳⣿⣽⣯⣿⡽⣷⣻⣽⡾⣽⣳⠀⢁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠏⢸⣿⣱⣿⢿ ⣿⣿⣷⣿⣏⣿⢿⣹⣾⡿⣾⣿⣏⣷⣿⣾⣷⣿⢿⣹⣷⣿⣏⡿⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⢀⣿⣿⣿ ⣿⣿⣿⣻⣷⣻⣯⣿⣟⣷⡿⣿⣽⣿⣿⣽⡾⣟⣾⣿⣻⣷⣯⣿⣻⣇⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡜⢁⣾⣽⣿⣟⣾⡿   ⠟⢹⣿⣿⣽⣾⣿⣿⢾⣻⣿⠿⢛⣿⣿⣽⣾⡿⣟⣿⣾⣟⣷⡿⣿⣷⢯⠀⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣟⣿⣿⣿⣿⣿⡏   ⠁⠀⣸⣿⣿⣽⣿⣿⢾⣿⠟⠉⠀⠀⣿⣿⣟⣯⣿⣿⣯⣷⣿⣟⣿⣿⣿⣻⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡀⣤⡴⠦⠙⠊⠐⣒⣒⣶⣦⡀⠀⡀⠀⠐⠂⠀⠀⠂⠀⢀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣯⣿⣿⣿⣿⡏⠀⠉⠣⢄⣿⣿⣿⣻⣿⡿⠛⠁⠀⠀⠀⠀⢹⣿⣿⣿⣟⣷⣿⣿⣽⣿⣻⣿⣷⡻⠀⡍⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠒⢈⡽⠋⠁⠀⢀⣠⣶⣿⣿⡿⠿⠛⠋⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠣⠀⠀⠀⠀⠀⢀⣿⣿⣿⣿⣿⣿⡟⢻⣿⣦⣢⢈⣿⣿⢣⡿⠋⠀⠠⠤⠴⠤⣤⣄⣸⣿⣿⣿⣻⣿⣿⣿⣻⣿⣿⣿⣻⡗⠀⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠌⠀⡰⠁⠀⡀⠐⣨⣾⡿⠟⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⠀⢳⠀⠀⠀⠀⠘⠉⣿⣿⣿⣿⠁⠂⢸⣿⡶⠙⢨⣿⠇⠜⠀⠀⠀⢠⣤⣤⡀⠀⠀⢹⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⢿⠃⢠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⣠⠚⣁⣤⣶⣶⣿⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⡄⠀⠠⠁⠀⠹⠀⠀⠀⠀⢿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠰⡏⠀⠀⠀⠀⠀⠟⠋⣿⣿⠿⡳⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠀⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⠄⠁⣼⣷⣿⣿⣿⣻⣿⣿⡟⠀⠀⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠤⠤⠐⠘⠄⠁⡔⠁⡐⠀⡀⠀⠀⠘⣿⣿⡟⠀⠀⠀⠀⠀⠀⠈⠁⠀⠀⠀⠀⠀⠀⠸⠿⠛⠟⢀⡿⣻⣿⣿⣿⣿⣿⣿⡟⣿⣿⣿⠁⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢰⠀⡀⠸⣿⣾⢿⣟⣿⣿⣿⣷⠀⠀⠸⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⠁⠀⠀⠀⠀⠀⠀⡜⠀⠀⠃⠀⠢⣔⠒⠉⢹⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡼⢱⣿⣿⣿⣿⣿⣷⠋⢠⣿⣿⠇⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⠜⠄⠀⠀⢿⣿⣿⣻⣿⣽⣿⣿⡆⠀⠂⠣⣄⠀⠀⠀⣀⠤⠊⠀⠀⠀⠀⠀⠀⠀⣀⠊⠀⠀⢄⠀⡀⠜⠁⠀⠀⢸⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⣿⣿⣿⡿⠃⠀⣼⣿⠏⠀⠀⢃⠀⠐⠂⢀⣐⠂⢄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠂⠀⠀⡀⠀⠸⣿⣟⣿⣿⣻⣿⣿⣿⣦⣀⠀⠈⢂⠲⡃⢀⠀⠀⠀⠀⠀⢀⣠⠰⠊⠀⠀⡀⠊⠈⠁⠀⠀⠀⠀⠀⠈⣿⣿⡀⠀⠀⠀⢀⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⣿⡿⠋⠀⠀⢰⣿⠋⢀⠀⠊⢀⡀⠀⠀⠀⢈⡖⠀⠓⢄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⠀⠀⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣾⣦⣌⣀⣀⣀⣀⢀⣀⠈⠀⡀⠠⠀⣸⠅⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⠀⠑⡀⠀⠀⠘⠿⠗⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⡿⠋⠀⠀⠰⢒⡈⠉⠉⠀⢀⠔⠀⠀⠐⢀⡔⢃⠂⠀⠀⠀⠢⣤⣤⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⡀⠀⠀⠁⢆⠐⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⠀⠀⠀⠀⣠⡺⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠑⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⣿⣇⠀⠀⠒⢰⡀⠀⠀⠀⠠⠁⠀⠎⢀⡓⠁⡠⠁⠀⠀⠀⠀⠀⠘⢿⣿⣷⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠁⡈⠀⠞⠤⠀⡈⠙⠻⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠛⠁⠀⠀⠀⠀⠀⢠⢁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣾⣿⣿⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⠠⣼⣿⣿⣿⣿⠖⣲⠤⠤⠧⢤⠄⠎⠀⡀⡞⡅⠈⠁⢄⠀⠀⠀⠀⠀⠀⠀⠀⠈⢻⣿⣟⣾⣢⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⠐⠀⠀⠀⠈⠁⠒⠄⣀⠉⠛⠿⣿⡿⠟⣏⠁⠀⠀⠀⠀⠀⠀⠀⠀⢠⡣⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⣼⣿⣿⣿⣿⡿⠗⠀⠀⠀⠈⠉⠉⠉⠀⠀⠀⣰⣿⣿⢻⡿⠁⠀⠀⠀⠀⠀⠀⠰⡀⠀⣴⠀⠀⠀⠀⠀⢡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠛⣯⣿⣿⣿⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣦⣴⣤⣦⣴⣤⣶⣤⣰⠀⠁⠀⠀⠀⠀⠀⠀⢰⠀⠉⠐⠀⢡⠸⣰⢃⡄⠀⠀⠀⠀⠀⠀⠀⠀⢾⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣽⣿⣿⡉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⡃⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⢂⢰⢹⠀⠀⡀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⡌⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⢰⠏⡆⠁⡾⢰⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠆⢷⠀⠀⠆⠀⠀⢁⠀⠀⠀⠀⠀⠀⢀⠎⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⡀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠸⣆⡼⢀⢣⡈⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣶⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠿⣿⣿⣿⠀⡠⠊⠀⠀⠀⠀⠀⠀⠀⠀⠈⢢⣄⠑⣄⠀⠁⠄⠈⡦⠤⠤⢄⡀⠔⠁⠀⣠⣼⣿⣿⣿⣿⣿⣿⣿⠙⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⠛⠉⠋⠙⠉⠋⠙⠉⠉⡀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠨⠇⡏⢢⠑⡀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢺⣿⣿⣿⣿⣿⣿⣿⣿⣷⣶⣶⣤⣤⣤⣤⣶⣶⣿⣿⡏⠌⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣶⣧⣤⣀⡤⡬⠖⠂⠉⠉⠐⣠⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠻⡉⠉⠉⠉⠉⠉⠉⠉⠁⠉
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀⠘⠀⠀⠀⠀⠀⡀⢷⠃⠀⡟⠀⠀⠀⠀⠀⠀⠀⢸⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⢂⠊⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡏⠉⢻⣿⣿⣿⣿⣷⣬⣂⣀⣀⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⢰⡀⠀⣧⣄⠀⠀⠀⠀⠀⠀⠀⠀⠈⢧⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠁⠒⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡟⠀⠀⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠏⠀⠀⠀⠀⡀⠀⠀⠀⠀
⠀⠀⠀⡐⡴⣤⣄⣀⣀⢠⠀⡆⠀⠀⠀⠀⠀⠀⢡⠀⠀⠀⠀⠛⢶⣿⣯⣿⣄⠀⠀⠀⠀⠀⠀⠀⠀⠳⢤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⠁⠀⠀⠈⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠁⠀⠀⠀⢸⣄⠀⠀⢀⣠⣽⣻⣷⣶⣾
⣶⣶⣿⣽⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠈⡆⠀⠀⠀⠀⢠⣿⡽⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠛⢉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠏⠀⠀⠀⠀⠀⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠛⠀⠀⠀⠀⠀⠀⢸⢑⡙⢦⣿⣷⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢆⠀⡄⠀⠀⠀⠀⠀⠀⠸⡀⠀⠀⠀⠸⣿⣿⣿⡝⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠺⣣⣢⡀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣿⣿⣿⣿⣿⠿⠟⠩⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡰⠃⠀⠀⠀⠀⠀⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠋⠀⠀⠀⠀⠀⣀⠄⣪⠝⠀⢱⠀⢻⠿⢿⠿⡿⠿⢿
⣉⣜⣠⣉⣘⣈⣌⣡⣌⣀⣠⣃⠀⠀⠀⠀⠀⠀⠀⠀⢡⠀⠀⠀⠀⠈⠻⣿⣿⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⠾⣆⡀⠀⠀⠀⠀⠀⠀⠙⣿⣿⡿⠋⠐⠀⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⡉⠉⠉⢉⡉⣉⡉⠉⠁⠀⣠⠤⠒⣂⣉⡡⠔⠊⠀⠀⠀⠈⡀⢀⣧⣾⣶⣵⣯⣶
kaitodayo!-->

<!DOCTYPE html>
<html>
<head>
	<title>:3</title>
	<link rel="icon" type="image/x-icon" href="https://sukuramaizu.neocities.org/Images/star38.gif">
	<style>
		@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
		body {
			font-family: lucida grande,verdana,arial,helvetica;
			font-size: 12px;
		}

		.container {
			width: 400px;
			height: 800px;
			margin: auto;
			margin-top: 170px;
			position: relative;
		}

		h1 {
			font-family: 'Nanum Pen Script', cursive;
			margin: 0;
			padding: 0;
			font-size: 46px;
			font-weight: normal;
			line-height: 42px;
		}

		.subtitle {
			font-size: 12px;
		}

		.white {
			border: 1px solid #000;
			padding: 12px;
			margin: 6px 0;
		}

		.banner {
			height: 100px;
			border: 1px solid black;
			background: #666;
			text-align: end;
			padding: 12px;
			background-image: url(https://sukuramaizu.neocities.org/Images/9f3df163972fbffff2ee565181297262.jpg);
			background-position: 1px;
			background-size: cover;
			color: black;
			font-size: 10px;

		}

		.nav a {
			display: inline-block;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: bold;
			color: black;
			text-decoration: none;
			margin-top: 12px;
			border-bottom: 1px dotted black;
		}

		.updates {
			width: 340px;
			margin-left: 60px;
			overflow: hidden;
			height: 14px;
		}

		.update {
			display: inline;
			margin-right: 24px;
		}

		.updates {
			/* margin-top: 6px; */
		}

		.item-desc {
			font-size: 12px;
		}

		img {
			position: absolute;
			height: 400px;
			top: 40px;
			pointer-events: none;
			left: -320px;
		}

		.title {
			margin-left: 110px;
		}
	</style>
</head>
<body>
	<div class="container">
		<img src="https://sukuramaizu.neocities.org/Images/download.png">
		<div class="title">
			<h1>SUKURAMAIZU</h1>
		<div class="subtitle">warning-this site plays music!</div>
		</div>
		<div class="white">
			<div class="banner">

			</div>
			<div class="nav">
				<div class="item" style="margin-left: 60px">
					<a href="home.html">home</a>
					<div class="item-desc">the homepage of this site</div>
				</div>
				<div class="item" style="margin-left: 90px">
					<a href="media.html">media</a>
					<div class="item-desc">my opinions on different media</div>
				</div>
				<div class="item" style="margin-left: 60px">
					<a href="interest.html">interests</a>
					<div class="item-desc">stuff to do with my special interests</div>
				</div>
				<div class="item" style="margin-left: 60px">
					<a href="home.html">art</a>
					<div class="item-desc">silly drawings that are mostly my interests or ocs</div>
				</div>
				<div class="item" style="margin-left: 50px">
					<a href="log.html">about me</a>
					<div class="item-desc">information about myself</div>
				</div>
			</div>
		</div>
	</div>	
</body>
</html>