clean up branch css-main

assets/invite-logo.svg

@@ -1,13 +1,9 @@
-<svg preserveAspectRatio="xMidYMid meet" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 100 37.6495" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 2">
-<g id="Invit&#195;&#169;">
-<path id="Vector" d="M81.0691 28.3941C81.0691 26.5407 81.4724 24.9101 82.2791 23.5025C83.1118 22.0948 84.2828 20.9921 85.7921 20.1945C87.3274 19.3968 89.1489 18.998 91.2567 18.998C92.896 18.998 94.3663 19.2678 95.6674 19.8074C96.9945 20.347 98.0353 21.0743 98.79 21.9892C99.5446 22.8808 99.9219 23.8661 99.9219 24.9453C99.9219 26.0715 99.5576 26.8691 98.829 27.3384C98.1004 27.8076 97.0205 28.0422 95.5893 28.0422H87.3924C87.3924 28.6522 87.6526 29.1566 88.1731 29.5554C88.7195 29.9543 89.6303 30.1537 90.9054 30.1537C91.5559 30.1537 92.1544 30.095 92.7009 29.9777C93.2733 29.8604 93.8458 29.7548 94.4183 29.661C95.0168 29.5437 95.6804 29.485 96.409 29.485C97.4499 29.485 98.3086 29.8252 98.9851 30.5056C99.6617 31.1625 100 32.0775 100 33.2505C100 34.6347 99.2063 35.714 97.619 36.4882C96.0577 37.2624 94.002 37.6495 91.4518 37.6495C89.6563 37.6495 87.9649 37.3328 86.3776 36.6993C84.8162 36.0659 83.5412 35.0688 82.5523 33.708C81.5635 32.3238 81.0691 30.5525 81.0691 28.3941ZM93.7157 26.8809C94.106 26.8809 94.2362 26.7166 94.106 26.3882C94.002 26.0597 93.6897 25.7195 93.1693 25.3676C92.6488 25.0157 91.8942 24.8398 90.9054 24.8398C89.7604 24.8398 88.9017 25.0626 88.3292 25.5084C87.7827 25.9542 87.5095 26.4116 87.5095 26.8809H93.7157ZM88.6024 13.7896C89.331 13.3908 90.0596 13.0154 90.7883 12.6635C91.5169 12.2881 92.3626 11.8541 93.3254 11.3614C94.3142 10.8687 95.264 10.7045 96.1748 10.8687C97.0855 11.0095 97.7491 11.5139 98.1655 12.3819C98.6078 13.25 98.6729 14.0359 98.3606 14.7398C98.0484 15.4201 97.3588 15.9597 96.2919 16.3586C95.3551 16.7105 94.3012 17.039 93.1302 17.3439C91.9853 17.6489 91.0094 17.8601 90.2028 17.9774C89.5782 18.0712 88.9928 18.0243 88.4463 17.8366C87.8998 17.6255 87.4965 17.2149 87.2363 16.6049C87.0021 15.9949 87.0151 15.4553 87.2753 14.9861C87.5355 14.5169 87.9779 14.1181 88.6024 13.7896Z" fill="var(--fill-0, #CD4918)"/>
-<path id="Vector_2" d="M73.1805 37.6495C71.8013 37.6495 70.5523 37.368 69.4333 36.8049C68.3404 36.2418 67.4817 35.4442 66.8572 34.4119C66.2326 33.3561 65.9204 32.1244 65.9204 30.7168V24.523L64.4762 24.699C63.6955 24.7928 63.0059 24.5465 62.4074 23.96C61.8089 23.3734 61.5097 22.6344 61.5097 21.7429C61.5097 20.8514 61.8089 20.1241 62.4074 19.561C63.0059 18.9745 63.6955 18.7282 64.4762 18.822L65.9204 18.998L65.8813 16.6049C65.8553 15.6665 66.1546 14.9275 66.7791 14.3879C67.4036 13.8248 68.3144 13.5433 69.5114 13.5433C70.7084 13.5433 71.6322 13.8248 72.2827 14.3879C72.9333 14.9275 73.2325 15.6665 73.1805 16.6049L73.1024 18.998L75.1711 18.7516C76.5763 18.5639 77.6432 18.7985 78.3718 19.4554C79.1004 20.0889 79.4647 20.8514 79.4647 21.7429C79.4647 22.6344 79.1004 23.4086 78.3718 24.0655C77.6692 24.699 76.6414 24.9336 75.2882 24.7694L73.1024 24.523V29.7666C73.1024 30.0716 73.2195 30.3531 73.4537 30.6112C73.6879 30.8458 73.9741 30.9162 74.3124 30.8223C74.7027 30.7285 75.1061 30.5291 75.5224 30.2241C75.9648 29.9191 76.5243 29.7666 77.2008 29.7666C78.2157 29.7666 78.9964 30.095 79.5428 30.7519C80.0893 31.4089 80.3625 32.2183 80.3625 33.1802C80.3625 33.9309 80.0632 34.6582 79.4647 35.362C78.8923 36.0424 78.0726 36.5937 77.0057 37.016C75.9388 37.4383 74.6637 37.6495 73.1805 37.6495Z" fill="var(--fill-0, #CD4918)"/>
-<path id="Vector_3" d="M52.709 15.0565C52.709 14.0476 53.0473 13.2382 53.7238 12.6283C54.4264 11.9948 55.3892 11.6781 56.6123 11.6781C57.9134 11.6781 58.8762 11.9831 59.5007 12.5931C60.1512 13.203 60.4765 14.0125 60.4765 15.0213C60.4765 16.0066 60.1512 16.8043 59.5007 17.4143C58.8762 18.0008 57.9134 18.2941 56.6123 18.2941C55.3372 18.2941 54.3614 18.0008 53.6848 17.4143C53.0343 16.8043 52.709 16.0184 52.709 15.0565ZM56.6123 37.5439C55.3892 37.5439 54.4785 37.2389 53.88 36.6289C53.2815 36.0189 52.9822 35.2564 52.9822 34.3415V22.3059C52.9822 21.2971 53.2815 20.4994 53.88 19.9129C54.4785 19.3264 55.3892 19.0331 56.6123 19.0331C57.8353 19.0331 58.7461 19.3264 59.3446 19.9129C59.9691 20.4994 60.2813 21.2736 60.2813 22.2356V34.3415C60.2813 35.2564 59.9561 36.0189 59.3055 36.6289C58.681 37.2389 57.7832 37.5439 56.6123 37.5439Z" fill="var(--fill-0, #CD4918)"/>
-<path id="Vector_4" d="M42.0485 37.5439C40.3571 37.5439 38.9129 37.0982 37.7159 36.2066C36.5189 35.3151 35.53 33.8371 34.7494 31.7725L31.6658 23.7488C31.2494 22.6931 31.2494 21.7194 31.6658 20.8279C32.1081 19.9364 32.9148 19.3733 34.0858 19.1387C35.1267 18.9276 36.0374 19.0214 36.8181 19.4203C37.6248 19.8191 38.1973 20.4877 38.5355 21.4262L41.5801 29.485C41.9444 30.4235 42.3868 31.1156 42.9072 31.5614C43.4537 32.0071 44.1172 32.1127 44.8979 31.8781C45.6265 31.62 46.0168 31.1977 46.0689 30.6112C46.1469 30.0012 46.0038 29.2974 45.6395 28.4997C45.3273 27.7724 44.9109 27.1507 44.3905 26.6345C43.87 26.1184 43.4016 25.5788 42.9853 25.0157C42.5689 24.4527 42.3608 23.7488 42.3608 22.9042C42.3608 21.6843 42.7901 20.7341 43.6488 20.0537C44.5336 19.3499 45.6916 19.0214 47.1228 19.0683C48.3458 19.0918 49.3476 19.4789 50.1283 20.2297C50.9089 20.9804 51.2993 21.9306 51.2993 23.0802C51.2993 23.7136 51.1822 24.394 50.948 25.1213C50.7138 25.8486 50.4536 26.6111 50.1673 27.4087L48.606 31.8429C48.1897 33.0159 47.7213 34.0365 47.2008 34.9046C46.7064 35.7492 46.0559 36.4061 45.2492 36.8753C44.4685 37.321 43.4016 37.5439 42.0485 37.5439Z" fill="var(--fill-0, #CD4918)"/>
-<path id="Vector_5" d="M14.3409 37.544C13.1959 37.544 12.2721 37.239 11.5695 36.629C10.893 35.9955 10.5547 35.2213 10.5547 34.3063V22.6579C10.5547 21.6726 10.88 20.8397 11.5305 20.1593C12.1811 19.479 13.1178 19.1388 14.3409 19.1388C15.5379 19.1388 16.4486 19.479 17.0732 20.1593C17.6977 20.8397 18.0099 21.696 18.0099 22.7283V24.4879H18.7125C18.7125 23.1506 18.9728 22.0949 19.4932 21.3206C20.0397 20.5464 20.7292 19.9951 21.5619 19.6666C22.3946 19.3147 23.2273 19.1388 24.06 19.1388C26.0637 19.1388 27.5339 19.7957 28.4707 21.1095C29.4075 22.3999 29.8759 24.2416 29.8759 26.6346V34.3063C29.8759 35.2213 29.5376 35.9955 28.8611 36.629C28.1845 37.239 27.2737 37.544 26.1288 37.544C24.9578 37.544 24.021 37.239 23.3184 36.629C22.6418 35.9955 22.3036 35.2213 22.3036 34.3063V28.0774C22.3036 27.2328 22.1214 26.5759 21.7571 26.1067C21.4188 25.6375 20.9114 25.4029 20.2348 25.4029C19.4542 25.4029 18.8817 25.6609 18.5174 26.1771C18.1791 26.6932 18.0099 27.3501 18.0099 28.1478V34.3063C18.0099 35.2213 17.6847 35.9955 17.0341 36.629C16.3836 37.239 15.4858 37.544 14.3409 37.544Z" fill="var(--fill-0, #CD4918)"/>
-<path id="Vector_6" d="M4.05941 37.6143C2.8624 37.6143 1.88658 37.2859 1.13195 36.629C0.377317 35.9721 0 35.1392 0 34.1304V15.514C0 14.4817 0.364306 13.6137 1.09292 12.9098C1.84755 12.206 2.83638 11.8541 4.05941 11.8541C5.3605 11.8541 6.37535 12.206 7.10397 12.9098C7.8586 13.5902 8.23592 14.4348 8.23592 15.4436V34.1304C8.23592 35.1392 7.83258 35.9721 7.0259 36.629C6.24524 37.2859 5.25641 37.6143 4.05941 37.6143Z" fill="var(--fill-0, #CD4918)"/>
-</g>
-<path id="Vector_7" d="M17.9138 9.7901C18.0942 10.142 17.9272 10.5614 17.5406 10.7257C17.4345 10.7707 17.3231 10.7913 17.2149 10.7913C16.9232 10.7913 16.6449 10.6412 16.5129 10.385C15.8512 9.0957 15.5028 7.53236 15.5028 5.86486C15.5028 5.47638 15.8491 5.16108 16.2759 5.16108C16.7026 5.16108 17.049 5.47638 17.049 5.86486C17.049 7.30809 17.3551 8.70158 17.9138 9.7901ZM22.4596 5.16108C22.0328 5.16108 21.6865 5.47638 21.6865 5.86486C21.6865 7.30809 21.3793 8.70158 20.8206 9.7901C20.6402 10.142 20.8072 10.5614 21.1938 10.7257C21.3 10.7707 21.4113 10.7913 21.5195 10.7913C21.8112 10.7913 22.0895 10.6412 22.2215 10.385C22.8833 9.0957 23.2317 7.53236 23.2317 5.86486C23.2317 5.47638 22.8853 5.16108 22.4586 5.16108H22.4596ZM28.3867 6.33405C28.3867 7.38504 27.9723 8.40318 27.2188 9.2008C26.8106 9.63245 26.3251 10.3278 26.3251 11.1827V15.7178C26.3251 17.1414 25.0541 18.2984 23.4904 18.2984H15.244C13.6803 18.2984 12.4093 17.1414 12.4093 15.7178V11.1827C12.4093 10.3278 11.9228 9.63339 11.5156 9.2008C10.7632 8.40224 10.3478 7.3841 10.3478 6.33405C10.3478 4.11291 12.1053 2.28026 14.4905 1.94807C15.5966 0.722551 17.3912 0 19.3672 0C21.3432 0 23.1379 0.722551 24.2439 1.94807C26.6281 2.28026 28.3867 4.11291 28.3867 6.33405ZM24.7789 15.7178V14.5449H13.9555V15.7178C13.9555 16.3644 14.5338 16.8908 15.244 16.8908H23.4904C24.2006 16.8908 24.7789 16.3644 24.7789 15.7178ZM26.8405 6.33405C26.8405 4.74444 25.519 3.44479 23.7666 3.31341C23.5388 3.29558 23.3327 3.18861 23.1997 3.02064C22.4225 2.02596 20.9536 1.40851 19.3672 1.40851C17.7808 1.40851 16.3119 2.02596 15.5347 3.02064C15.4017 3.18955 15.1956 3.29652 14.9678 3.31341C13.2154 3.44572 11.8939 4.74444 11.8939 6.33405C11.8939 7.05848 12.1692 7.73317 12.6887 8.284C13.5175 9.16326 13.9555 10.1655 13.9555 11.1827V13.1373H24.7789V11.1827C24.7789 10.1655 25.217 9.16232 26.0457 8.284C26.5663 7.73317 26.8405 7.05848 26.8405 6.33405Z" fill="var(--fill-0, #CD4918)"/>
-</g>
+<svg width="104" height="50" viewBox="0 0 104 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M83.0693 30.3941C83.0693 28.5407 83.4727 26.9102 84.2794 25.5025C85.1121 24.0948 86.283 22.9922 87.7923 22.1945C89.3276 21.3968 91.1491 20.998 93.2569 20.998C94.8963 20.998 96.3665 21.2678 97.6676 21.8074C98.9947 22.347 100.036 23.0743 100.79 23.9893C101.545 24.8808 101.922 25.8661 101.922 26.9453C101.922 28.0715 101.558 28.8692 100.829 29.3384C100.101 29.8076 99.0207 30.0422 97.5895 30.0422H89.3926C89.3926 30.6522 89.6529 31.1566 90.1733 31.5554C90.7198 31.9543 91.6305 32.1537 92.9056 32.1537C93.5561 32.1537 94.1546 32.095 94.7011 31.9777C95.2736 31.8604 95.8461 31.7549 96.4185 31.661C97.017 31.5437 97.6806 31.4851 98.4092 31.4851C99.4501 31.4851 100.309 31.8252 100.985 32.5056C101.662 33.1625 102 34.0775 102 35.2506C102 36.6348 101.207 37.714 99.6192 38.4882C98.0579 39.2624 96.0022 39.6495 93.4521 39.6495C91.6565 39.6495 89.9651 39.3328 88.3778 38.6993C86.8165 38.0659 85.5414 37.0688 84.5526 35.7081C83.5637 34.3239 83.0693 32.5525 83.0693 30.3941ZM95.716 28.8809C96.1063 28.8809 96.2364 28.7167 96.1063 28.3882C96.0022 28.0597 95.6899 27.7196 95.1695 27.3676C94.6491 27.0157 93.8944 26.8398 92.9056 26.8398C91.7606 26.8398 90.9019 27.0627 90.3294 27.5084C89.783 27.9542 89.5097 28.4117 89.5097 28.8809H95.716ZM90.6027 15.7896C91.3313 15.3908 92.0599 15.0154 92.7885 14.6635C93.5171 14.2881 94.3628 13.8541 95.3256 13.3614C96.3145 12.8687 97.2643 12.7045 98.175 12.8687C99.0858 13.0095 99.7493 13.5139 100.166 14.382C100.608 15.25 100.673 16.036 100.361 16.7398C100.049 17.4202 99.359 17.9598 98.2921 18.3586C97.3553 18.7105 96.3014 19.039 95.1305 19.344C93.9855 19.649 93.0097 19.8601 92.203 19.9774C91.5785 20.0713 90.993 20.0243 90.4465 19.8366C89.9001 19.6255 89.4967 19.2149 89.2365 18.6049C89.0023 17.995 89.0153 17.4553 89.2755 16.9861C89.5358 16.5169 89.9781 16.1181 90.6027 15.7896Z" fill="#CD4918"/>
+<path d="M75.1806 39.6495C73.8014 39.6495 72.5524 39.368 71.4334 38.8049C70.3405 38.2418 69.4818 37.4442 68.8573 36.4119C68.2327 35.3561 67.9205 34.1244 67.9205 32.7168V26.5231L66.4763 26.699C65.6956 26.7929 65.006 26.5465 64.4075 25.96C63.809 25.3735 63.5098 24.6344 63.5098 23.7429C63.5098 22.8514 63.809 22.1241 64.4075 21.561C65.006 20.9745 65.6956 20.7282 66.4763 20.822L67.9205 20.998L67.8814 18.6049C67.8554 17.6665 68.1547 16.9275 68.7792 16.3879C69.4037 15.8248 70.3145 15.5433 71.5115 15.5433C72.7085 15.5433 73.6323 15.8248 74.2828 16.3879C74.9334 16.9275 75.2326 17.6665 75.1806 18.6049L75.1025 20.998L77.1712 20.7516C78.5764 20.5639 79.6433 20.7986 80.3719 21.4555C81.1005 22.0889 81.4648 22.8514 81.4648 23.7429C81.4648 24.6344 81.1005 25.4086 80.3719 26.0656C79.6693 26.699 78.6415 26.9336 77.2883 26.7694L75.1025 26.5231V31.7666C75.1025 32.0716 75.2196 32.3531 75.4538 32.6112C75.688 32.8458 75.9742 32.9162 76.3125 32.8223C76.7028 32.7285 77.1062 32.5291 77.5225 32.2241C77.9649 31.9191 78.5244 31.7666 79.2009 31.7666C80.2158 31.7666 80.9964 32.095 81.5429 32.752C82.0894 33.4089 82.3626 34.2183 82.3626 35.1802C82.3626 35.9309 82.0633 36.6582 81.4648 37.3621C80.8924 38.0424 80.0727 38.5938 79.0058 39.0161C77.9389 39.4384 76.6638 39.6495 75.1806 39.6495Z" fill="#CD4918"/>
+<path d="M54.709 17.0565C54.709 16.0477 55.0473 15.2383 55.7238 14.6283C56.4264 13.9948 57.3892 13.6781 58.6123 13.6781C59.9134 13.6781 60.8762 13.9831 61.5007 14.5931C62.1512 15.2031 62.4765 16.0125 62.4765 17.0213C62.4765 18.0067 62.1512 18.8043 61.5007 19.4143C60.8762 20.0009 59.9134 20.2941 58.6123 20.2941C57.3372 20.2941 56.3614 20.0009 55.6848 19.4143C55.0343 18.8043 54.709 18.0184 54.709 17.0565ZM58.6123 39.5439C57.3892 39.5439 56.4785 39.2389 55.88 38.6289C55.2815 38.0189 54.9822 37.2565 54.9822 36.3415V24.306C54.9822 23.2971 55.2815 22.4995 55.88 21.9129C56.4785 21.3264 57.3892 21.0331 58.6123 21.0331C59.8353 21.0331 60.7461 21.3264 61.3446 21.9129C61.9691 22.4995 62.2813 23.2737 62.2813 24.2356V36.3415C62.2813 37.2565 61.9561 38.0189 61.3055 38.6289C60.681 39.2389 59.7832 39.5439 58.6123 39.5439Z" fill="#CD4918"/>
+<path d="M44.0485 39.5439C42.3571 39.5439 40.9129 39.0982 39.7159 38.2067C38.5189 37.3151 37.53 35.8371 36.7494 33.7725L33.6658 25.7488C33.2494 24.6931 33.2494 23.7195 33.6658 22.8279C34.1081 21.9364 34.9148 21.3734 36.0858 21.1387C37.1267 20.9276 38.0374 21.0214 38.8181 21.4203C39.6248 21.8191 40.1973 22.4878 40.5355 23.4262L43.5801 31.4851C43.9444 32.4235 44.3868 33.1156 44.9072 33.5614C45.4537 34.0071 46.1172 34.1127 46.8979 33.8781C47.6265 33.62 48.0168 33.1977 48.0689 32.6112C48.1469 32.0012 48.0038 31.2974 47.6395 30.4997C47.3273 29.7724 46.9109 29.1507 46.3905 28.6346C45.87 28.1184 45.4016 27.5788 44.9853 27.0157C44.5689 26.4527 44.3608 25.7488 44.3608 24.9042C44.3608 23.6843 44.7901 22.7341 45.6488 22.0537C46.5336 21.3499 47.6916 21.0214 49.1228 21.0684C50.3458 21.0918 51.3476 21.4789 52.1283 22.2297C52.9089 22.9804 53.2993 23.9306 53.2993 25.0802C53.2993 25.7137 53.1822 26.394 52.948 27.1213C52.7138 27.8486 52.4536 28.6111 52.1673 29.4088L50.606 33.8429C50.1897 35.016 49.7213 36.0365 49.2008 36.9046C48.7064 37.7492 48.0559 38.4061 47.2492 38.8753C46.4685 39.3211 45.4016 39.5439 44.0485 39.5439Z" fill="#CD4918"/>
+<path d="M16.3409 39.544C15.1959 39.544 14.2721 39.239 13.5695 38.629C12.893 37.9956 12.5547 37.2213 12.5547 36.3064V24.658C12.5547 23.6726 12.88 22.8397 13.5305 22.1593C14.1811 21.479 15.1178 21.1388 16.3409 21.1388C17.5379 21.1388 18.4486 21.479 19.0732 22.1593C19.6977 22.8397 20.0099 23.696 20.0099 24.7283V26.4879H20.7125C20.7125 25.1506 20.9728 24.0949 21.4932 23.3207C22.0397 22.5465 22.7292 21.9951 23.5619 21.6667C24.3946 21.3148 25.2273 21.1388 26.06 21.1388C28.0637 21.1388 29.5339 21.7957 30.4707 23.1095C31.4075 24.3999 31.8759 26.2416 31.8759 28.6346V36.3064C31.8759 37.2213 31.5376 37.9956 30.8611 38.629C30.1845 39.239 29.2737 39.544 28.1288 39.544C26.9578 39.544 26.021 39.239 25.3184 38.629C24.6418 37.9956 24.3036 37.2213 24.3036 36.3064V30.0775C24.3036 29.2329 24.1214 28.5759 23.7571 28.1067C23.4188 27.6375 22.9114 27.4029 22.2348 27.4029C21.4542 27.4029 20.8817 27.661 20.5174 28.1771C20.1791 28.6933 20.0099 29.3502 20.0099 30.1478V36.3064C20.0099 37.2213 19.6847 37.9956 19.0341 38.629C18.3836 39.239 17.4858 39.544 16.3409 39.544Z" fill="#CD4918"/>
+<path d="M6.05941 39.6144C4.8624 39.6144 3.88658 39.2859 3.13195 38.629C2.37732 37.9721 2 37.1392 2 36.1304V17.5141C2 16.4818 2.36431 15.6137 3.09292 14.9099C3.84755 14.206 4.83638 13.8541 6.05941 13.8541C7.3605 13.8541 8.37535 14.206 9.10397 14.9099C9.8586 15.5902 10.2359 16.4348 10.2359 17.4437V36.1304C10.2359 37.1392 9.83258 37.9721 9.0259 38.629C8.24524 39.2859 7.25641 39.6144 6.05941 39.6144Z" fill="#CD4918"/>
+<path d="M19.9137 11.7901C20.0941 12.142 19.9271 12.5614 19.5405 12.7257C19.4344 12.7707 19.323 12.7913 19.2148 12.7913C18.9231 12.7913 18.6448 12.6412 18.5128 12.385C17.8511 11.0957 17.5027 9.53236 17.5027 7.86486C17.5027 7.47638 17.849 7.16108 18.2758 7.16108C18.7025 7.16108 19.0489 7.47638 19.0489 7.86486C19.0489 9.30809 19.355 10.7016 19.9137 11.7901ZM24.4595 7.16108C24.0327 7.16108 23.6864 7.47638 23.6864 7.86486C23.6864 9.30809 23.3792 10.7016 22.8205 11.7901C22.6401 12.142 22.8071 12.5614 23.1937 12.7257C23.2999 12.7707 23.4112 12.7913 23.5194 12.7913C23.8111 12.7913 24.0894 12.6412 24.2214 12.385C24.8832 11.0957 25.2316 9.53236 25.2316 7.86486C25.2316 7.47638 24.8852 7.16108 24.4585 7.16108H24.4595ZM30.3866 8.33405C30.3866 9.38504 29.9722 10.4032 29.2187 11.2008C28.8105 11.6325 28.325 12.3278 28.325 13.1827V17.7178C28.325 19.1414 27.054 20.2984 25.4903 20.2984H17.2439C15.6802 20.2984 14.4092 19.1414 14.4092 17.7178V13.1827C14.4092 12.3278 13.9227 11.6334 13.5155 11.2008C12.7631 10.4022 12.3477 9.3841 12.3477 8.33405C12.3477 6.11291 14.1052 4.28026 16.4904 3.94807C17.5965 2.72255 19.3911 2 21.3671 2C23.3431 2 25.1378 2.72255 26.2438 3.94807C28.628 4.28026 30.3866 6.11291 30.3866 8.33405ZM26.7788 17.7178V16.5449H15.9554V17.7178C15.9554 18.3644 16.5337 18.8908 17.2439 18.8908H25.4903C26.2005 18.8908 26.7788 18.3644 26.7788 17.7178ZM28.8404 8.33405C28.8404 6.74444 27.5189 5.44479 25.7665 5.31341C25.5387 5.29558 25.3326 5.18861 25.1996 5.02064C24.4224 4.02596 22.9535 3.40851 21.3671 3.40851C19.7807 3.40851 18.3118 4.02596 17.5346 5.02064C17.4016 5.18955 17.1955 5.29652 16.9677 5.31341C15.2153 5.44572 13.8938 6.74444 13.8938 8.33405C13.8938 9.05848 14.1691 9.73317 14.6886 10.284C15.5174 11.1633 15.9554 12.1655 15.9554 13.1827V15.1373H26.7788V13.1827C26.7788 12.1655 27.2169 11.1623 28.0456 10.284C28.5662 9.73317 28.8404 9.05848 28.8404 8.33405Z" fill="#CD4918"/>
 </svg>

css/event_create.css

@@ -18,72 +18,12 @@ html {
   font-size: 100%;
 }
 
-body {
-  margin: 0;
-  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  background: var(--color-bg);
-  color: var(--color-text);
-  line-height: 1.5;
-}
-
-a,
-button,
-input,
-textarea {
-  font: inherit;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
 .site-header {
   background: var(--color-bg);
   border-top: 2px solid #232323;
   border-bottom: 1px solid var(--color-border);
 }
 
-.site-nav {
-  width: min(100% - 2rem, var(--max-width));
-  margin: 0 auto;
-  min-height: var(--header-height);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-4);
-}
-
-.site-logo {
-  font-size: 2rem;
-  font-weight: 800;
-  letter-spacing: 0.02em;
-}
-
-.site-nav-links {
-  display: flex;
-  align-items: center;
-  gap: var(--space-5);
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.site-nav-links a {
-  font-weight: 500;
-}
-
-.site-nav-links li:last-child a {
-  width: 2.25rem;
-  height: 2.25rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: #231f20;
-  color: #ffffff;
-  font-weight: 700;
-}
 
 .event-create-page {
   width: min(100% - 2rem, var(--max-width));
@@ -156,13 +96,6 @@ fieldset {
   letter-spacing: 0.02em;
 }
 
-h1,
-h2 {
-  margin: 0;
-  font-size: clamp(2rem, 4vw, 4rem);
-  line-height: 1.03;
-  letter-spacing: -0.03em;
-}
 
 .step-text {
   margin: 0;

css/landingpage.css

@@ -26,11 +26,6 @@
   --button-green-dark: #514c04;
 }
 
-body {
-  margin: 0;
-  font-family: 'Inter', sans-serif;
-  background: #FFFDE3; /* butter background color from stylesheet */
-}
 
 .page-wrapper {
   max-width: 1440px;
@@ -258,7 +253,7 @@ body {
 .how-step__png--brown {
   filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(1200%) hue-rotate(10deg) brightness(104%) contrast(97%);
 }
-}
+
 
 @media (max-width: 900px) {
   .how-it-works__steps {
@@ -377,7 +372,7 @@ body {
 }
 
 /* Center arrow removed – using side arrows only */
-}
+
 
 @media (max-width: 900px) {
   .gallery__track {

css/stylesheet_global.css

@@ -1,9 +1,7 @@
-/* Font Import */ 
-
+/* Font Import */
 @import url('https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;600&display=swap');
 
-
 /* Reset / Normalize */
 *,
 *::before,
@@ -15,43 +13,54 @@
 
 /* Colors + Main Font */
 :root {
+    --max-width: 1200px;
+    --padding: 1.5rem;
+
+
     --tomato: #D44B24;
     --tomato-dark: #D44B24;
     --olive: #6B6B05;
     --olive-dark: #5C5C05;
-    --olive-light: #E5E1B7;
-    --butter: #FFFBD1;
-    --butter-light: #FFFDE3;
+    --olive-light: #C8CC7A;
+    --butter: #F5F1BC;
+    --butter-light: #F7F6E6;
     --white: #ffffff;
-    --black: #221C1A;
+    --black: #22211A;
     --brown: #66340d;
+    --blue: #3489DA;
+    --blue-dark: #1D70BF;
+    --error: #FF3B30;
 
     --font-main: 'Jost', sans-serif;
-    --font-size-base: 16px;
+    --font-size-base: 1rem;
 
-/* Spacing Scale */
-    --space-1: 8px;
-    --space-2: 12px;
-    --space-3: 16px;
-    --space-4: 20px;
-    --space-5: 24px;
-    --space-6: 32px;
+    /* Spacing Scale */
+    --space-1: 0.5rem;
+    --space-2: 0.75rem;
+    --space-3: 1rem;
+    --space-4: 1.25rem;
+    --space-5: 1.5rem;
+    --space-6: 2rem;
+    --space-7: 3rem;
+    --space-8: 4rem;
 
-/* Radius Scale */
-    --radius-pill: 999px;
-    --radius-md: 20px;
-    --radius-lg: 30px;
 
-/* Letter Spacing Scale */
+    /* Radius Scale */
+    --radius-pill: 62.4375rem;
+    --radius-sm: 0.5rem;
+    --radius-md: 1.5rem;
+    --radius-lg: 1.875rem;
+
+    /* Letter Spacing */
     --ls-none: 0;
-    --ls-ui: 0.03em;
-    --ls-label: 0.045em;
+    --ls-sm: 2.5%;
+    --ls-label: 0.045rem;
 }
 
 /* Base Styles */
 body {
     font-family: var(--font-main);
-    font-size: 1.125em;
+    font-size: 1.125rem;
     line-height: 1.5;
     color: var(--black);
     background-color: var(--butter);
@@ -66,96 +75,139 @@ img {
 
 h1, h2 {
     font-family: 'Bagel Fat One';
-    margin-bottom: 0.5em;
+}
+
+h1 {
+    font-size: 2em;
+    font-weight: 600;
+    line-height: 120%;
+    letter-spacing: var(--ls-sm);
+    color: var(--brown);
 }
 
 p {
     font-family: 'Jost', sans-serif;
-    margin-bottom: 1em;
+    margin-bottom: 1rem;
 }
 
 /* Layout */
+
+.main-content {
+    margin-top: var(--space-8);
+
+}
+
 .container {
     width: 90%;
-    max-width: 1200px;
+    max-width: 75rem;
     margin: 0 auto;
 }
 
 /* Top Navigation */
 .top-nav-wrap {
-    background: var(--butter);
-    padding: 6px 12px;
+    position: sticky;
+    height: 58px;
+    top: 1rem;
+    z-index: 1000;
+    background: none;
+    padding: 0 1rem;
 }
 
 .top-nav {
-    background: rgba(255, 255, 255, 0.95);
+    background: var(--white);
+    /*backdrop-filter: blur(3px) saturate(140%);
+    -webkit-backdrop-filter: blur(3px) saturate(140%);*/
+
     border-radius: var(--radius-lg);
-    box-shadow: 0 3px 12px rgba(102, 52, 13, 0.1);
+    box-shadow: 0 0.1875rem 0.75rem rgba(102, 52, 13, 0.1);
     display: flex;
     justify-content: space-between;
     align-items: center;
-    min-height: 58px;
-    padding: 3px 9px 3px var(--space-5);
+    min-height: 3.625rem;
+    padding: 0.1875rem 0.5625rem 0.1875rem var(--space-5);
     max-width: none;
     width: 100%;
     box-sizing: border-box;
-    margin: 0 auto;
 }
 
 .brand {
     display: inline-flex;
     align-items: center;
-    height: 50px;
+    height: 3.125rem;
     text-decoration: none;
 }
 
 .brand img {
     width: auto;
     height: 100%;
-    max-width: 104px;
+    max-width: 6.5rem;
     display: block;
 }
 
-.top-nav-links {
+.button-small-links {
     display: flex;
     align-items: center;
-    gap: 16px;
-    
+    gap: var(--space-1);
 }
 
-.nav-link {
+
+/* Buttons */
+.button {
+    display: inline-block;
+    padding: 0.5rem 1.25rem;
+    background-color: var(--olive);
+    border: none;
+    border-radius: var(--radius-lg);
+    font-family: 'Jost', sans-serif;
+    font-weight: 400;
+    font-size: 1.25rem;
+    color: var(--butter-light);
+    cursor: pointer;
+}
+
+.button:hover {
+    background-color: var(--olive-dark);
+}
+
+.button-small {
     color: var(--black);
-    line-height: 1.3;
+    font-size: 1.125rem;
+    font-weight: 500;
+    letter-spacing: var(--ls-sm);
+    line-height: 1;
     text-decoration: none;
+
     padding: var(--space-1) var(--space-4);
     border-radius: var(--radius-md);
-    border-width: 2px;
-    border-color: none;
-    border-radius: 20px
 }
 
-.nav-link:hover,
-.nav-link:focus-visible {
+.button-small:hover, .button-small:active, 
+.button-small:focus-visible {
     background: var(--olive-light);
     color: var(--black);
 }
 
-.login-pill {
+
+.button-login {
     background: var(--olive);
-    border-radius: var(--radius-md);
-    color: var(--butter);
-    line-height: 1.3;
-    padding: var(--space-1) var(--space-4);
+    color: var(--butter-light);
+    font-size: 1.125rem;
+    font-weight: 500;
+    letter-spacing: var(--ls-sm);
+    line-height: 1;
     text-decoration: none;
+
+    padding: var(--space-1) var(--space-4);
+    border-radius: var(--radius-md);
 }
 
 .profile-pill {
-    width: 38px;
-    height: 38px;
-    border-radius: 19px;
+    width: 2.375rem;
+    height: 2.375rem;
+    border-radius: 1.1875rem;
     background: var(--tomato);
     color: var(--butter);
-    font-size: 17px;
+    font-size: 1.0625rem;
     font-weight: 500;
     letter-spacing: var(--ls-ui);
     line-height: 1.3;
@@ -165,30 +217,6 @@ p {
     text-decoration: none;
 }
 
-/* Components */
-.button {
-    display: inline-block;
-    padding: 0.5em 1.25em;
-    background-color: var(--olive-color);
-    font-family: 'Jost', sans-serif;
-    font-size: 1em;
-    color: var(--butter-light);
-    border: none;
-    border-radius: 2em;
-    cursor: pointer;
-    
-}
-
-.button:hover {
-    background-color: var(--olive-dark);
-}
-
-/* Navigation */
-.nav {
-    display: flex;
-    gap: 1rem;
-}
-
 /* Utilities */
 .text-center {
     text-align: left;
@@ -199,7 +227,7 @@ p {
 }
 
 /* Media Queries (Responsive) */
-@media (max-width: 768px) {
+@media (max-width: 48rem) {
     .container {
         width: 95%;
     }

event_create.html

@@ -12,23 +12,22 @@
 
 </head>
 <body>
-<!-- Top navigation: global entry points and current page indicator -->
+<!-- Top Navigation mit Seitenlinks -->
 <header class="top-nav-wrap">
     <div class="top-nav">
         <a class="brand" href="index.html" aria-label="Zur Startseite">
             <img src="assets/invite-logo.svg" alt="Invite Logo">
         </a>
         <nav class="top-nav-links" aria-label="Hauptnavigation">
-            <a class="nav-link active" href="event_overview.html" aria-current="page">Event finden</a>
-            <a class="nav-link" href="event_create.html">Event erstellen</a>
-            <a class="profile-pill" href="login.html" aria-label="Profil">M</a>
+            <a class="button-small" href="event_overview.html" aria-current="page">Event finden</a>
+            <a class="button-small:active" href="event_create.html">Event erstellen</a>
+            <a class="button-small" href="login.html" aria-label="Profil">M</a>
         </nav>
     </div>
 </header>
 
   <main class="event-create-page">
     <section class="event-flow-header" aria-label="Event erstellen Aktionen">
-      <a href="event_overview.html" class="button button--ghost">Abbrechen</a>
     </section>
 
     <form id="eventForm" class="event-form" novalidate>
@@ -39,8 +38,8 @@
       >
         <div class="step-layout step-layout--intro">
           <div class="step-copy">
-            <p class="step-kicker">Event erstellen</p>
-            <h1 id="intro-title">Hey <span id="username">{{username}}</span>, was hast du vor?</h1>
+            <h1 class="step-kicker">Event erstellen</h1>
+            <h2 id="intro-title">Hey <span id="username">{{username}}</span>, was hast du vor?</h2>
             <p class="step-text">
               Erzähl uns von deiner Idee – vom Essen bis zur Stimmung. Ob Dinner, Brunch
               oder etwas ganz Eigenes – wir helfen dir dabei, dein Event Schritt für Schritt aufzubauen.
@@ -49,11 +48,6 @@
               Los geht’s!
             </button>
           </div>
-
-          <aside class="intro-card" aria-label="Hinweis zur Event-Erstellung">
-            <div class="intro-card-emoji" aria-hidden="true">🍽️</div>
-            <p>Aus einer Idee wird Schritt für Schritt dein Event.</p>
-          </aside>
         </div>
       </section>
 
@@ -70,7 +64,7 @@
 
           <div class="step-fields">
             <div class="form-field">
-              <label for="eventTitle">Wie soll dein Event heißen?</label>
+              <label for="eventTitle">Wie soll dein Event heissen?</label>
               <input type="text" id="eventTitle" name="eventTitle" required />
             </div>
 

event_detail.html

@@ -11,7 +11,7 @@
 </head>
 <body>
 
-<!-- Top navigation: shared with overview, highlights current area -->
+<!-- Top Navigation mit Seitenlinks -->
 <header class="top-nav-wrap">
     <div class="top-nav">
         <a class="brand" href="index.html" aria-label="Zur Startseite">

event_overview.html

@@ -13,7 +13,7 @@
 
 </head>
 <body>
-<!-- Top navigation: global entry points and current page indicator -->
+<!-- Top Navigation mit Seitenlinks -->
 <header class="top-nav-wrap">
     <div class="top-nav">
         <a class="brand" href="index.html" aria-label="Zur Startseite">

index.html

@@ -3,24 +3,21 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Invité | Events entdecken</title>
+  <title>Social Cooking Wireframe</title>
   <link rel="stylesheet" href="css/landingpage.css" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-dU7ZrF1pFq5kVnPzlV9+04YhARzNjCX5Q5P1shgMpuN4s5I8mI8QD4981h7kYtV7sSgNldR0z5pZW5bS2ZpY3Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>
-    <!-- Header: matches event detail/create with invite logo and pill navigation links -->
-    <header class="top-nav-wrap">
-      <div class="top-nav">
-        <a class="brand" href="index.html" aria-label="Zur Startseite">
-          <img src="assets/invite-logo.svg" alt="Invité">
-        </a>
-
-        <nav class="top-nav-links" aria-label="Hauptnavigation">
-          <a class="nav-link" href="event_create.html">Event erstellen</a>
-          <a class="nav-link nav-link--login" href="login.html">Login</a>
-        </nav>
-      </div>
-    </header>
+  <div class="page-wrapper">
+    <header class="header">
+  <div class="header__brand">LOGO</div>
+  
+  <div class="header__actions">
+    <nav class="nav">
+      <a class="nav__link btn btn--outline" href="event_overview.html">Event finden</a>
+    </nav>
+    <a class="btn btn--outline" href="login.html">Login</a>
+  </div>
+</header>
 
     <main class="main-content">
       <!-- Hero: uses .hero, .btn, .image-card, and .hero-image for a polished first impression -->