<!--❀ welcome to Sweet Cerise's website ❀-->

<!--
⠀⠀⠀⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠀⡀⠀⠀⠀⠀⡀
⠀⠀⠀⢿⣄⡀⠀⠀⠀⠀⠀⠀⢰⡄⠀⢀⣼⡏⡀⣷⠀⢰⢓⡖⢳⡄
⠀⠀⠀⠀⠻⣿⣦⣄⠀⠀⠀⠀⣸⣇⠀⢸⡟⢀⡿⠟⣷⡌⣿⡶⠞⠁
⠀⠀⠀⠀⠀⠈⢿⣿⣿⣶⣶⣶⣾⣼⣶⣼⣷⣯⣴⣴⣤⣼⣿⣥⣶⣤⣤⣤⣀⣀⣶⢶⡀⣷⡀
⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⡿⣷⠈⠉⠻⣿⣭⣭⣭⠉⢻⣿⠛⠻⣯⠉⠉⠙⢻⠟⢻⠟⣭⢳⡄⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣤⠀⣤
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⢿⣾⣅⠄⡀⠀⠉⠉⠉⠻⢮⣜⠳⠼⠋⠀⠀⠀⠈⠉⠻⠤⠻⣦⡾⠛⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⡀⣠⢤⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⢈⣹⣨⣀⠀⠀⠀⠀⣀⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣷⣦⣀⠀⠀⠀⠀⠀⠉⠛⠶⢤⣀⡀⠀⠀⠀⠀⠀⠀⡾⠳⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡀⠀⠀⡄⠈⣇⠀⢸⡅⣨⣇⡈⢧⡀⠀⣀⣀⣠⣶⠶⠶⠟⠣⢴⠛⣦⣼⣀⣤⠶⡛⠋⠉⠓
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⢿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠈⢙⢲⣤⠀⠀⠀⠀⠋⠀⡹⡄⠀⣀⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⠉⠛⢻⡇⠀⢹⣦⡟⠉⣸⠻⢠⣴⡷⠞⠋⠉⠁⠀⠀⠀⠀⠀⠈⠉⠀⠈⠙⠳⢮⣀⠀⠀⠀⠀⢠⡄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣶⣤⣤⣀⣄⡀⠀⠀⠂⠘⠃⠀⠀⠀⠀⠀⠀⢷⡺⢿⡿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣙⡷⠤⣴⣿⡦⠋⠀⠻⣍⣹⣶⡞⠃⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡄⠀⠀⠀⠉⠛⠲⠦⠶⠟⠃
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠿⣿⣿⢿⡻⠿⠷⢦⡴⠲⡆⠀⠀⠀⠀⠀⠀⠀⢷⠞⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⠀⢠⣽⡃⠀⣺⠃⠉⢸⡶⢀⡼⢏⠁⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣤⡤⠖⠛⠉
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠿⣿⣿⣶⡾⠓⠺⢧⠀⠀⠀⠀⠀⠀⠀⠈⢷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡏⠙⣿⠬⠈⠉⠹⣿⡦⣄⣼⣿⠏⣹⠓⣦⣤⣤⠴⠶⠖⠛⠛⠉⠉⠁⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠿⢿⣽⣍⡠⠀⠀⠀⠀⠀⠀⠀⠀⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣷⣾⡏⠀⠀⠀⠀⠹⢦⣬⣿⠷⡖⠫⣈⡷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢣⡉⠛⠶⣤⣤⣤⣤⣄⣀⣀⠀⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠏⠁⠀⠀⢀⣀⡼⠯⠋⠀⠀⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠓⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣴⠛⣦⡴⣄⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣦⣤⣈⣿⢦⣄⡈⠉⠉⠛⠛⠛⠶⠶⠶⣤⣤⣤⣤⣤⣿⣯⣤⠷⠶⠞⠛⠋⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⡿⠋⢠⣀⣀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢷⣠⣿⣦⣿⠃
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠑⢄⡙⣿⡄⠉⠻⣶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠙⣦⣴⡿⣞⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣘⣿⣒⣒⣸⣄⣹⣄⠾⣄⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠈⢻⣿⣿⡏
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⢾⣆⠀⡈⠙⠿⣷⣦⣀⠀⠀⠀⠀⠀⠘⣦⡶⠿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⡴⠶⠛⠋⠉⠉⠉⢧⣀⡏⠙⡶⢾⣴⡗⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡏⢖⣴⡟⠃
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠓⢾⣢⠀⠀⠉⠛⠿⢶⣤⣀⠀⡀⠘⠀⠀⠀⠀⠀⠀⠀⠀⢀⡼⢧⡀⠀⠀⠀⠀⠀⢀⣤⣖⡏⠁⠄⠀⠀⠀⠀⠀⠀⠀⠀⠙⠞⠁⠀⠈⠻⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣠⢞⠁⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢶⣖⠀⠀⠀⠀⠈⠛⠷⣶⣤⣀⣠⣄⡀⠀⢀⣠⢤⣞⠁⠀⢹⣠⣤⣀⣤⣶⣻⣮⡶⠷⠛⠛⠛⠛⠲⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣾⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣤⢀⣼⣿⣽⣷⣄⢀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠒⠶⠀⠀⠀⠀⠀⠉⢛⣿⡀⣻⠈⢹⡅⠀⠉⣷⣼⠋⠀⢀⣽⣿⣿⠉⠁⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠟⠟⢚⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣬⣇⣨⠿⠉⠀⠈⠿⠛⠟
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⣀⢉⠿⣍⠙⣷⠆⠚⠙⡿⠉⢰⣿⣭⣿⠸⢤⣄⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡶⢤⠀⠀⠀⠀⠀⠀⣀⣤⠷⠋⠋⠉⠁⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⢿⢀⠛⠒⢻⣄⣀⡰⢧⡀⢴⡧⠼⠉⣴⠊⠉⠉⠉⠛⠛⠶⠦⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡤⠼⣄⢸⠃⠉⢻⠤⢴⠿⡏
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠀⠀⠀⠁⠉⠀⠈⠉⠉⠁⠀⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠓⠦⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣴⣿⣥⡀⣹⢿⠒⢼⡿⠦⣿⡞⠛⣦⣤⣤⣀⣀⣀⣀⣀⣀⣀⣤⣤⣤⣄⣀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠳⢶⡶⠶⠶⣶⠶⠞⠛⠿⡟⠛⠋⠋⣏⠁⠸⢦⣀⡷⠒⠆⣸⠋⠀⠀⠙⠻⢿⣭⣭⣋⡉⢙⠙⠛⠶⠬⣭⣟⣶⣤⣤⣤⡴⡦⣤⡀⠀⠀⢀⣠⣴⠄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⡀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠸⠇⠀⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠐⣙⠯⣿⣉⢉⣳⠀⠀⠘⢷⡄⠈⠓⠦⣤⣤⣶⣯⠶⠶⠻⢿⣭⣄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡿⢦⡀⡈⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣄⣸⠎⠛⠁⠀⠀⠀⠮⡧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠁
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣮⣻⣷⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠉⠀⠀⠀⠀⠀⠀⠀⠁
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠝⠿
-->

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <meta name="description" content="SWEET CERISE ♡ your sweet and petite San Francisco companion.">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>home | SWEET CERISE</title>
            <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=Jost:ital,wght@0,100..900;1,100..900&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"/>
            <link rel="stylesheet" type="text/css" href="stylesheet.css">
            <script type="text/javascript" src="script.js" defer></script>
            <style>
                body::before {background-image: url('bg/sweetcerise_love.jpg');}
                .logo a {color:white;}
                nav a, .dropbtn {color: white;}
                .btn-booking {
                    border: 2px solid white;
                    background-color: transparent;
                    color:white;
                }
                .btn-booking:hover {
                    background-color: white;
                    color: hsla(340, 100%, 80%, 0.8);
                }
                .hamburger {background-color: hsla(340, 100%, 80%, 0.8);}
                #announcement-bar, #mobile-bar {
                    position: fixed;
                    top: 0;
                    left: 0;
                    background-color: rgba(0, 0, 0, 0.75);
                    color: white;
                    font-family: monospace;
                    letter-spacing: 0.1em;
                    text-align: center;
                    padding: 20px;
                    width: 100%;
                }              
                #close-btn {
                    position: absolute;
                    top: 50%;
                    right: 5%;
                    transform: translateY(-50%);
                    background: none;
                    border: none;
                    color: white;
                    cursor: pointer;
                    font-size: 30px;
                }
                #mobile-btn {
                    position: absolute;
                    display: none;
                    top: 40%;
                    left: 10px;
                    background: none;
                    border: none;
                    color: white;
                    cursor: pointer;
                    font-size: 30px;
                }
                #close-btn:hover, #mobile-btn:hover {color: white;}
                #mobile-bar {
                    display: none;
                    padding-left: 65px;
                    text-align: left;
                } 
                h2 {
                    color: white;
                    font-size: clamp(1rem, 2vw, 1.5rem);
                    text-align: right;
                    padding-top: 3%;
                    margin-left: 57%;
                    margin-right: 2%;
                }
                p {
                    color: white;
                    text-align: right;
                    margin-left: 57%;
                    margin-right: 2%;
                }

                @media screen and (max-width: 1024px) {
                    h2 {font-size: x-large;}
                    main {
                        margin-top: 2%;
                        margin-left: auto;
                        margin-right: 1%;
                    }
                }
                @media screen and (max-width: 723px) {
                    #announcement-bar {display: none;}
                    #mobile-bar, #mobile-btn {display: block;}
                    nav a {color: hsla(340, 100%, 80%, 0.8);}
                    .dropbtn {color: hsla(340, 100%, 80%, 0.8);}
                    .dropdown:hover {background-color: hsla(340, 100%, 80%, 0.8);}
                    .btn-booking {border: 2px solid hsla(340, 100%, 80%, 0.8);}
                    .btn-booking:hover {
                        background-color: hsla(340, 100%, 80%, 0.8);
                        color: white;
                    }
                }
                @media screen and (max-width: 540px) {
                    h2 {
                        margin-left: 1%;
                        margin-right: 1%;
                    }
                    p {
                        margin-left: auto;
                        margin-right: auto;
                    }
                }
            </style>
        </head>
        <body oncontextmenu="return false;">
            <div id="announcement-bar">
                <span>🍁 FALL TOUR!✈️ ✨ TOKYO, JAPAN 9/26 - 10/5 ✨</span>
                    <button id="close-btn" onclick="closeAnnouncement()">&times;</button>
            </div>
            <div id="mobile-bar">
                <span>✨ TOKYO 9/26 - 10/5 ✨</span>
                    <button id="mobile-btn" onclick="closeMobileAnnouncement()">&times;</button>
            </div>
                <script>
                    function closeAnnouncement() {
                        document.getElementById('announcement-bar').style.display = 'none';
                    }
                    function closeMobileAnnouncement() {
                        document.getElementById('mobile-bar').style.display = 'none';
                    }
                </script>
            <header>
                <div class="hamburger" id="hamburger-icon" onclick="toggleMenu()">
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                </div>
                <div class="logo"><a href="/">SWEET CERISE</a></div>
                    <nav class="navbar"> 
                        <div class="navlinks" id="nav-menu">
                            <a href="about">about</a>
                            <div class="dropdown">
                                <button class="dropbtn" id="openDropMenu">photos</button>
                                    <div class="dropdown-menu" id="dropMenu">
                                        <a href="professional">♡ professional</a>
                                        <a href="personal">♡ personal</a>   
                                    </div>
                            </div>
                            <div class="dropdown">
                                <button class="dropbtn">consideration</button>
                                    <div class="dropdown-menu" >
                                        <a href="dates">♡ san francisco</a>
                                        <a href="tokyo">♡ touring | tokyo</a>
                                        <a href="arrangements">♡ arrangements</a>
                                        <a href="fmty">♡ fly me to you</a>
                                        <a href="online">♡ online</a>
                                    </div>
                            </div>
                            <div class="dropdown">
                                <button class="dropbtn" id="openDropMenu">details</button>
                                    <div class="dropdown-menu" id="dropMenu">
                                        <a href="everything">♡ everything</a>
                                        <a href="etiquette">♡ etiquette</a>   
                                    </div>
                            </div>
                            <button class="btn-booking">
                                <a href="booking" class="no-hover">booking</a>
                            </button>
                        </div>
                    </nav>
            </header>
            <main>
                <div class="quote"><!--❀ MURAKAMI QUOTE ❀-->
                    <h2>“I met her a few times and found her to be a very nice girl. 
                        She didn’t have the kind of looks that immediately 
                        attracted attention and in fact she was so ordinary . . . 
                        but anyone who talked to her took an immediate liking to her.
                        <p></p>
                        <i>Quiet, intelligent, funny, caring...</i>”</h2>
                        <p>— Haruki Murakami, <i>Norwegian Wood</i></p>
                </div>
            </main>
            <footer>
                <a href="/">©20XX by sweet cerise </a>
                <a href="faq">faq</a> 
                <a href="mailto:sweetcerise@protonmail.com">sweetcerise@protonmail.com</a> 
                <a href="https://www.x.com/yoursweetcerise" target="_blank"><i class="iconoir-twitter"></i></a> 
                <a href="xoxo">xoxo</a>
            </footer>
        </body>
    </html>