<!--❀ 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>dates | 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>
                .container {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 35px;
                    padding-top: 25px;
                    padding-bottom: 6px;
                    margin-left: auto;
                    margin-right: auto;
                    height: fit-content;
                    width: 85%;
                }
                main {
                    position: relative;
                    display: block;
                    margin-left: auto;
                    text-align: left;
                }
                .rates {
                    position: relative;
                    display: block;
                    height: fit-content;
                    top: 7%;
                    background-image: url(gif/cake.webp);
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    z-index: -1;
                }
                .rates-list {
                    position: relative;
                    color: white;
                    text-align: center;
                    text-shadow: 2px 2px 4px #000;
                    padding-top: 10%;
                    padding-bottom: 10%;
                }
                h1 {
                    color:hsla(340, 100%, 80%, 0.7);
                    text-align: left;
                }
                pre {
                    color: white;
                    font-family: 'Jost';
                    font-size: 16px;
                    letter-spacing: 0.1em;
                    line-height: 0.75em;
                    text-align: center;
                    text-shadow: 2px 2px 4px #000;
                }
                .reveal-details {
                    display: none;
                    position: relative;
                    font-size: large;
                    margin-left: auto;
                    margin-right: auto;
                    width: 85%;
                }

                @media screen and (max-width: 1024px) {
                    main {font-size: large;}
                    h1 {font-size: 30px;}
                    .details {display: none;}
                    .reveal-details {display: block;}
                }
                @media screen and (max-width: 820px) {
                    .rates {top: 7%;}
                    .rates-list {
                        padding-top: 5%;
                        padding-bottom: 5%;
                    }
                }
                @media screen and (max-width: 768px) {
                    body {padding-bottom: 35px;}
                    .container {grid-template-columns: 1fr;}
                    .rates {top: 0;}
                    .rates-list {
                        padding-top: 10%;
                        padding-bottom: 10%;
                    }
                    .details {display: block;}
                    .reveal-details {display: none;}
                }
                @media screen and (max-width: 540px) {
                    body {padding-bottom: 80px;}
                }
            </style>
        </head>
        <body>
            <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">♡ sf + nyc</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>
            <div class="container">
                <div class="rates">
                    <div class="rates-list">
                        <pre><b>90 mins</b>  |  1500</pre>
                        <pre> <b>2 hours</b>  |  2000</pre>
                        <p style="font-family: monospace">♥</p>
                        <pre>    <b>first date</b>  |  3000 </pre>
                        <pre><b>dinner date</b>  |  4000</pre>
                        <pre><b>evening out</b>  |  5000</pre>
                        <pre>   <b>overnight</b>  |  7000</pre>
                        <pre>  <b>day & night</b>  |  10000</pre>
                        <p style="font-family: monospace">♥</p>
                        <pre><b>hourly extension</b>  |  1000</pre>
                        <pre>  <b>daily extension</b>  |  5000</pre>
                        </p>
                    </div>
                </div>
                <main>
                    <h1><b><i>a touch, a tease </i></b><span style="font-family: monospace">♥</span></h1>
                        <p>If you are missing someone to spend quality time with, then I am waiting to hear from you!</p>
                        <p>My companionship is based on sharing experiences over counting hours. 
                        Whether you have me for a brief encounter or an entire night, our time together will be a fun and relaxing escape from our daily lives. 
                        We’ll meet in a comfortable setting and share a sigh of relief as we tell each other how nervous we are.</p>
                        <p>I can’t wait to get to know you as we sip some tea, share stories, and forget how we <span>met . . .</span></p>
                        <div class="details">
                            <p><b>The Details—</b>
                                <blockquote>
                                    <p>♡ 25% deposit is requested to confirm all dates</p>
                                    <p>♡ Incalls in San Francisco and Manhattan only</p>
                                    <p>♡ Outcall requires an additional fee depending on distance</p>
                                    <p>♡ Dinner dates and longer must include social time and a meal</p>
                                    <p>♡ Overnights and longer must include social time, a meal, and at least 8 hours of uninterrupted sleep</p>
                                </blockquote>
                        </div>
                </main>
            </div>
            <div class="reveal-details">
                <p><b>The Details—</b>
                    <blockquote>
                        <p>♡ 25% deposit is requested to confirm all dates</p>
                        <p>♡ Incalls in San Francisco and Manhattan only</p>
                        <p>♡ Outcall requires an additional fee depending on distance</p>
                        <p>♡ Dinner dates and longer must include social time and a meal</p>
                        <p>♡ Overnights and longer must include social time, a meal, and at least 8 hours of uninterrupted sleep</p>
                    </blockquote>
            </div>
            <div class="next-btn">
                <a href="tokyo">🌸</a>
            </div>
            <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>