diff --git a/fonts/Inter-Regular.otf b/fonts/Inter-Regular.otf
new file mode 100644
index 0000000..84e6a61
Binary files /dev/null and b/fonts/Inter-Regular.otf differ
diff --git a/fonts/f b/fonts/f
deleted file mode 100644
index 8b13789..0000000
--- a/fonts/f
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/icons/Cowboy hat face.svg b/icons/Cowboy hat face.svg
new file mode 100644
index 0000000..d87cb3b
--- /dev/null
+++ b/icons/Cowboy hat face.svg	
@@ -0,0 +1,98 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M63.3898 35.1119C63.3898 35.1119 75.4476 31.5708 76.8804 22.9405C77.7457 17.7508 73.9581 14.9265 66.9788 16.6039C59.4036 18.4246 54.5237 22.5964 39.501 22.5964C24.4783 22.5964 19.5984 18.4389 12.0232 16.6182C5.058 14.9409 1.25623 17.7651 2.12156 22.9548C3.5685 31.5708 15.6264 35.1119 15.6264 35.1119" fill="url(#paint0_radial)"/>
+<path d="M39.5152 74.0059C56.3987 74.0059 70.0855 60.174 70.0855 43.1114C70.0855 26.0489 56.3987 12.217 39.5152 12.217C22.6317 12.217 8.94495 26.0489 8.94495 43.1114C8.94495 60.174 22.6317 74.0059 39.5152 74.0059Z" fill="url(#paint1_radial)"/>
+<path d="M29.5284 42.9967C31.3539 42.9967 32.8337 39.9929 32.8337 36.2874C32.8337 32.5819 31.3539 29.5781 29.5284 29.5781C27.703 29.5781 26.2231 32.5819 26.2231 36.2874C26.2231 39.9929 27.703 42.9967 29.5284 42.9967Z" fill="url(#paint2_radial)"/>
+<path d="M29.5284 31.8432C30.947 31.8432 32.1812 33.5062 32.8337 35.9576C32.7911 32.3306 31.33 29.406 29.5284 29.406C27.7268 29.406 26.2657 32.3306 26.2231 35.9576C26.8757 33.5062 28.1098 31.8432 29.5284 31.8432Z" fill="url(#paint3_linear)"/>
+<path d="M60.1555 48.3441C59.9285 48.2581 59.6731 48.2437 59.4462 48.3154C52.9917 50.1791 46.296 51.1253 39.5152 51.1253C32.7486 51.1253 26.0388 50.1791 19.5843 48.3154C19.3431 48.2437 19.1019 48.2581 18.875 48.3441C18.1657 48.6308 17.0734 49.6917 18.5345 53.7632V53.7775C20.7333 58.9815 26.4502 68.1137 39.5294 68.1137C52.5661 68.1137 58.3113 58.9672 60.5101 53.7632C61.9429 49.6917 60.8506 48.6308 60.1555 48.3441Z" fill="url(#paint4_radial)"/>
+<path d="M39.5153 66.6514C44.92 66.6514 48.9913 64.9741 52.0413 62.666C48.6934 61.1464 44.5796 60.1428 39.5153 60.1428C34.451 60.1428 30.3371 61.1464 26.9893 62.6803C30.025 64.9884 34.0963 66.6514 39.5153 66.6514Z" fill="url(#paint5_radial)"/>
+<path d="M59.744 48.2438C59.7015 48.2438 59.6589 48.2438 59.6022 48.2581C53.0909 50.1505 46.3243 51.111 39.501 51.1253C32.6635 51.1253 25.8969 50.1648 19.3998 48.2581C19.3572 48.2438 19.3147 48.2438 19.2579 48.2438C18.8182 48.2868 16.7187 48.7312 18.5203 53.7632V53.7775C19.414 55.8706 20.8751 58.6088 23.159 61.132C21.017 58.5658 23.6555 57.1465 28.3652 57.72C33.0749 58.2934 39.5152 58.3078 39.5152 58.3078C39.5152 58.3078 45.9413 58.2934 50.6652 57.72C55.3748 57.1465 58.0134 58.5658 55.8713 61.132C58.1552 58.6088 59.6164 55.8706 60.5101 53.7775V53.7632C62.2975 48.7312 60.1838 48.2868 59.744 48.2438Z" fill="url(#paint6_linear)"/>
+<path d="M56.1125 55.3259C57.8999 54.9388 59.2475 53.4192 59.4319 51.5841L59.6022 49.7778C53.0909 51.6415 46.3385 52.5733 39.501 52.5733C32.6776 52.5733 25.911 51.6271 19.3998 49.7778L19.57 51.5841C19.7544 53.4335 21.0879 54.9388 22.8895 55.3259C28.3226 56.5158 33.8834 57.1179 39.501 57.1179C45.1185 57.1179 50.6793 56.5158 56.1125 55.3259Z" fill="url(#paint7_radial)"/>
+<path d="M49.4878 42.9967C51.3132 42.9967 52.7931 39.9929 52.7931 36.2874C52.7931 32.5819 51.3132 29.5781 49.4878 29.5781C47.6623 29.5781 46.1825 32.5819 46.1825 36.2874C46.1825 39.9929 47.6623 42.9967 49.4878 42.9967Z" fill="url(#paint8_radial)"/>
+<path d="M49.4878 31.8432C48.0692 31.8432 46.835 33.5062 46.1825 35.9576C46.2251 32.3306 47.6862 29.406 49.4878 29.406C51.2894 29.406 52.7505 32.3306 52.7931 35.9576C52.1405 33.5062 50.9064 31.8432 49.4878 31.8432Z" fill="url(#paint9_linear)"/>
+<path opacity="0.5" d="M39.5152 26.9832C50.0694 26.9832 59.7582 28.3022 67.4185 30.4956C62.6379 19.7148 51.9419 12.217 39.5152 12.217C27.0885 12.217 16.3924 19.7148 11.6118 30.4813C19.2721 28.2878 28.961 26.9832 39.5152 26.9832Z" fill="url(#paint10_radial)"/>
+<path d="M39.5152 23.3706C48.7501 23.3706 54.694 22.1233 59.5597 20.6323C59.1341 19.5571 58.0843 16.7759 56.9069 12.9625C53.5733 2.09567 45.1611 5.50768 39.501 5.50768C33.8409 5.50768 25.4288 2.09567 22.0951 12.9625C20.9319 16.7759 19.868 19.5571 19.4424 20.6323C24.3223 22.109 30.2803 23.3706 39.5152 23.3706Z" fill="url(#paint11_radial)"/>
+<path d="M56.9069 12.9625C55.0628 6.95566 51.6582 5.32134 48.0266 5.04895C41.6714 5.07762 41.1749 7.22805 41.331 8.30326C42.8205 13.6363 47.8564 22.8115 58.1978 17.7938C58.2829 17.7508 58.3538 17.7078 58.439 17.6648C58.0134 16.3889 57.4743 14.7975 56.9069 12.9625Z" fill="url(#paint12_radial)"/>
+<path d="M22.1092 12.9625C23.9534 6.95566 27.3579 5.32134 30.9895 5.04895C37.3447 5.07762 37.8412 7.22805 37.6851 8.30326C36.1956 13.6363 31.1597 22.8115 20.8183 17.7938C20.7332 17.7508 20.6623 17.7078 20.5771 17.6648C21.0169 16.3889 21.5418 14.7975 22.1092 12.9625Z" fill="url(#paint13_radial)"/>
+<path d="M2.1357 22.9548C2.30593 23.944 2.61802 24.8472 3.02941 25.7073C2.0364 23.0551 6.03678 21.7792 9.52647 21.7792C13.3141 21.7792 30.2518 24.9332 39.5009 24.9332V22.6107C24.4782 22.6107 19.5983 18.4389 12.0232 16.6182C5.05797 14.9409 1.27038 17.7507 2.1357 22.9548Z" fill="url(#paint14_radial)"/>
+<path d="M76.8946 22.9548C76.7244 23.944 76.4123 24.8472 76.0009 25.7073C76.9797 23.0551 72.9793 21.7792 69.4896 21.7792C65.702 21.7792 48.7642 24.9332 39.5151 24.9332V22.6107C54.5378 22.6107 59.4319 18.4389 66.9929 16.6182C73.9581 14.9409 77.7599 17.7507 76.8946 22.9548Z" fill="url(#paint15_radial)"/>
+<path d="M2.07898 20.6037C2.24921 20.1163 3.56848 16.8476 8.53349 16.8476C15.1157 16.8476 21.5134 23.3706 39.5151 23.3706V22.6108C24.4783 22.6108 19.5984 18.4389 12.0232 16.6183C6.20703 15.2133 2.60385 16.9623 2.07898 20.6037Z" fill="url(#paint16_radial)"/>
+<path d="M76.9371 20.6037C76.7669 20.1162 75.4476 16.8332 70.4968 16.8332C63.9146 16.8332 57.5168 23.3562 39.5151 23.3562V22.5964C54.5378 22.5964 59.4319 18.4246 66.9929 16.6039C72.8233 15.2132 76.4123 16.9623 76.9371 20.6037Z" fill="url(#paint17_radial)"/>
+<defs>
+<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.0099 31.03) scale(54.5066 17.9826)">
+<stop offset="0.4662" stop-color="#512D00"/>
+<stop offset="0.8012" stop-color="#6E3D00"/>
+<stop offset="0.9987" stop-color="#7A4400"/>
+</radialGradient>
+<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(33.4935 30.5907) scale(36.8798 37.2713)">
+<stop stop-color="#FFDF30"/>
+<stop offset="1" stop-color="#FFB82E"/>
+</radialGradient>
+<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.5294 36.4557) rotate(77.8451) scale(6.40213 3.19195)">
+<stop offset="0.00132565" stop-color="#7A4400"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<linearGradient id="paint3_linear" x1="29.5295" y1="29.5372" x2="29.5295" y2="35.7958" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#512D00"/>
+</linearGradient>
+<radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.5084 58.191) scale(16.8409 17.0197)">
+<stop offset="0.00132565" stop-color="#7A4400"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.7606 64.1785) scale(13.9575 4.26443)">
+<stop offset="0.2479" stop-color="#FF0000"/>
+<stop offset="1" stop-color="#C10000"/>
+</radialGradient>
+<linearGradient id="paint6_linear" x1="60.9686" y1="54.6909" x2="18.3131" y2="54.6909" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="0.5" stop-color="#512D00"/>
+<stop offset="1" stop-color="#3C2200"/>
+</linearGradient>
+<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.5084 53.4432) scale(36.9325 37.3245)">
+<stop offset="0.00132565" stop-color="white"/>
+<stop offset="1" stop-color="#A8BBBD"/>
+</radialGradient>
+<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(50.5005 36.449) rotate(102.155) scale(6.40213 3.19195)">
+<stop offset="0.00132565" stop-color="#7A4400"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<linearGradient id="paint9_linear" x1="49.4915" y1="29.5372" x2="49.4915" y2="35.7958" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#512D00"/>
+</linearGradient>
+<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.9596 32.0471) rotate(0.241934) scale(40.0134 16.7926)">
+<stop stop-color="#7A4400" stop-opacity="0.5"/>
+<stop offset="0.3717" stop-color="#804700" stop-opacity="0.3879"/>
+<stop offset="0.8505" stop-color="#905100" stop-opacity="0.2436"/>
+<stop offset="0.995" stop-color="#965500" stop-opacity="0.2"/>
+</radialGradient>
+<radialGradient id="paint11_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(38.9239 6.86974) rotate(90) scale(22.8318 19.1867)">
+<stop offset="0.00132565" stop-color="#965500"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<radialGradient id="paint12_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(37.9553 -11.652) scale(28.0619 28.3598)">
+<stop offset="0.00132565" stop-color="#965500"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<radialGradient id="paint13_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(41.0551 -11.6518) rotate(180) scale(28.0619 28.3598)">
+<stop offset="0.00132565" stop-color="#965500"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<radialGradient id="paint14_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.167 25.1216) rotate(180) scale(38.1239 38.5286)">
+<stop offset="0.6753" stop-color="#512D00"/>
+<stop offset="0.9973" stop-color="#512D00" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint15_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.8439 25.1216) scale(38.1239 38.5286)">
+<stop offset="0.6753" stop-color="#512D00"/>
+<stop offset="0.9973" stop-color="#512D00" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint16_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.3893 16.6135) rotate(8.19926) scale(28.8135 23.0009)">
+<stop offset="0.00132565" stop-color="#965500"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<radialGradient id="paint17_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(67.6206 16.6197) rotate(171.801) scale(28.8136 23.0009)">
+<stop offset="0.00132565" stop-color="#965500"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/icons/Dissapointed face.svg b/icons/Dissapointed face.svg
new file mode 100644
index 0000000..89832f6
--- /dev/null
+++ b/icons/Dissapointed face.svg	
@@ -0,0 +1,50 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.475 70.95C57.3059 70.95 70.95 57.3059 70.95 40.475C70.95 23.6441 57.3059 10 40.475 10C23.6441 10 10 23.6441 10 40.475C10 57.3059 23.6441 70.95 40.475 70.95Z" fill="url(#paint0_radial)"/>
+<path opacity="0.5" d="M40.475 70.95C57.3059 70.95 70.95 57.3059 70.95 40.475C70.95 23.6441 57.3059 10 40.475 10C23.6441 10 10 23.6441 10 40.475C10 57.3059 23.6441 70.95 40.475 70.95Z" fill="url(#paint1_radial)"/>
+<path d="M40.4749 51.7579C49.419 51.7579 52.2822 60.6027 49.5466 59.2136C45.8896 57.3568 43.5791 57.1867 40.4749 57.1867C37.3707 57.1867 35.0603 57.3709 31.4033 59.2136C28.6676 60.6027 31.5309 51.7579 40.4749 51.7579Z" fill="#643800"/>
+<path d="M28.852 42.2185C28.852 42.2185 34.3517 41.694 35.9534 37.8527C36.0526 37.6118 36.1093 37.3566 36.1235 37.1015C36.1377 36.5912 35.6416 36.0526 34.6494 36.5487C28.5544 39.6245 25.0391 38.5473 22.4027 37.796C21.3679 37.4984 20.4466 38.5898 20.9144 39.3269C23.2815 43.0548 28.852 42.2185 28.852 42.2185Z" fill="url(#paint2_radial)"/>
+<path d="M21.6371 29.1355C21.552 30.3545 22.8136 31.2049 25.0815 31.375C27.0092 31.5168 31.304 30.7514 34.4933 27.2077C35.0744 26.5557 34.2807 26.1163 33.7279 26.5274C31.8285 27.9165 26.8958 29.5324 23.1821 28.8662C21.6654 28.5827 21.6371 29.1355 21.6371 29.1355Z" fill="url(#paint3_linear)"/>
+<path d="M35.9535 36.6054C35.7267 36.3503 35.3014 36.2369 34.6636 36.5629C28.5686 39.6387 25.0533 38.5615 22.4169 37.8102C21.8641 37.6543 21.3538 37.8953 21.0562 38.2496C25.2943 41.0845 33.2887 39.9506 35.9535 36.6054Z" fill="url(#paint4_linear)"/>
+<path d="M40.4749 53.3171C45.7478 53.3171 49.0787 56.2937 50.5387 58.76C50.6237 56.9741 47.3495 51.7579 40.4749 51.7579C33.6144 51.7579 30.326 56.9741 30.411 58.76C31.871 56.2937 35.202 53.3171 40.4749 53.3171Z" fill="url(#paint5_linear)"/>
+<path d="M52.0838 42.2185C52.0838 42.2185 46.5841 41.694 44.9824 37.8527C44.8832 37.6118 44.8265 37.3566 44.8123 37.1015C44.7981 36.5912 45.2942 36.0526 46.2864 36.5487C52.3814 39.6245 55.8967 38.5473 58.5331 37.796C59.5679 37.4984 60.4892 38.5898 60.0215 39.3269C57.6685 43.0548 52.0838 42.2185 52.0838 42.2185Z" fill="url(#paint6_radial)"/>
+<path d="M59.3129 29.1355C59.398 30.3545 58.1365 31.2049 55.8686 31.375C53.9408 31.5168 49.646 30.7514 46.4568 27.2077C45.8756 26.5557 46.6694 26.1163 47.2222 26.5274C49.1215 27.9165 54.0542 29.5324 57.7679 28.8662C59.2846 28.5827 59.3129 29.1355 59.3129 29.1355Z" fill="url(#paint7_linear)"/>
+<path d="M44.9966 36.6054C45.2234 36.3503 45.6486 36.2369 46.2865 36.5629C52.3815 39.6387 55.8967 38.5615 58.5332 37.8102C59.086 37.6543 59.5962 37.8953 59.8939 38.2496C55.6558 41.0845 47.6472 39.9506 44.9966 36.6054Z" fill="url(#paint8_linear)"/>
+<defs>
+<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.479 28.1245) scale(36.7641)">
+<stop stop-color="#FFDF30"/>
+<stop offset="1" stop-color="#FFB82E"/>
+</radialGradient>
+<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.479 28.1245) scale(28.924)">
+<stop stop-color="#FFE95F"/>
+<stop offset="1" stop-color="#FFBB47" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.5837 39.6331) rotate(-5.56162) scale(5.89043 2.61753)">
+<stop offset="0.00132565" stop-color="#7A4400"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<linearGradient id="paint3_linear" x1="27.6175" y1="33.233" x2="28.0462" y2="29.0953" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#7A4400"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="28.3979" y1="35.8144" x2="28.6879" y2="40.8502" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#512D00"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="40.4745" y1="49.4458" x2="40.4745" y2="56.4978" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#512D00"/>
+</linearGradient>
+<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(52.3638 39.6331) rotate(-174.438) scale(5.89043 2.61753)">
+<stop offset="0.00132565" stop-color="#7A4400"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<linearGradient id="paint7_linear" x1="53.3302" y1="33.234" x2="52.9015" y2="29.0963" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#7A4400"/>
+</linearGradient>
+<linearGradient id="paint8_linear" x1="52.5496" y1="35.8133" x2="52.2596" y2="40.849" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#512D00"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/icons/Neutral face.svg b/icons/Neutral face.svg
new file mode 100644
index 0000000..d18d002
--- /dev/null
+++ b/icons/Neutral face.svg	
@@ -0,0 +1,54 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40 70.4762C56.8315 70.4762 70.4762 56.8315 70.4762 40C70.4762 23.1685 56.8315 9.52381 40 9.52381C23.1685 9.52381 9.5238 23.1685 9.5238 40C9.5238 56.8315 23.1685 70.4762 40 70.4762Z" fill="url(#paint0_radial)"/>
+<path opacity="0.5" d="M40 70.4762C56.8315 70.4762 70.4762 56.8315 70.4762 40C70.4762 23.1685 56.8315 9.52381 40 9.52381C23.1685 9.52381 9.5238 23.1685 9.5238 40C9.5238 56.8315 23.1685 70.4762 40 70.4762Z" fill="url(#paint1_radial)"/>
+<path d="M34.4952 26.6668C34.6857 25.2192 33.4857 24.1335 31.2381 23.8477C29.3143 23.6001 24.9524 24.3239 21.4857 28.4192C20.8381 29.1811 21.6 29.7335 22.2095 29.2763C24.2286 27.6954 29.2952 25.9811 32.9524 26.9525C34.419 27.3144 34.4952 26.6668 34.4952 26.6668Z" fill="url(#paint2_linear)"/>
+<path d="M30.0569 41.2951C31.6769 41.2951 32.9902 39.3081 32.9902 36.857C32.9902 34.4059 31.6769 32.4189 30.0569 32.4189C28.4368 32.4189 27.1235 34.4059 27.1235 36.857C27.1235 39.3081 28.4368 41.2951 30.0569 41.2951Z" fill="url(#paint3_radial)"/>
+<path d="M30.0569 33.9236C31.314 33.9236 32.4188 35.0284 32.9902 36.6475C32.9521 34.2475 31.6569 32.3236 30.0569 32.3236C28.4569 32.3236 27.1616 34.2475 27.1235 36.6475C27.695 35.0284 28.7807 33.9236 30.0569 33.9236Z" fill="url(#paint4_linear)"/>
+<path d="M49.943 41.2951C51.563 41.2951 52.8763 39.3081 52.8763 36.857C52.8763 34.4059 51.563 32.4189 49.943 32.4189C48.3229 32.4189 47.0096 34.4059 47.0096 36.857C47.0096 39.3081 48.3229 41.2951 49.943 41.2951Z" fill="url(#paint5_radial)"/>
+<path d="M49.943 34.0383C48.6858 34.0383 47.5811 35.143 47.0096 36.7621C47.0477 34.3621 48.343 32.4383 49.943 32.4383C51.543 32.4383 52.8382 34.3621 52.8763 36.7621C52.3049 35.143 51.2192 34.0383 49.943 34.0383Z" fill="url(#paint6_linear)"/>
+<path d="M45.5045 26.6668C45.3141 25.2192 46.5141 24.1335 48.7617 23.8477C50.6855 23.6001 55.0474 24.3239 58.5141 28.4192C59.1617 29.1811 58.3998 29.7335 57.7903 29.2763C55.7712 27.6954 50.7046 25.9811 47.0474 26.9525C45.5807 27.3144 45.5045 26.6668 45.5045 26.6668Z" fill="url(#paint7_linear)"/>
+<path d="M52.8384 53.2954H27.1622C26.3813 53.2954 25.7336 52.6478 25.7336 51.8668C25.7336 51.0859 26.3813 50.4383 27.1622 50.4383H52.8384C53.6194 50.4383 54.267 51.0859 54.267 51.8668C54.267 52.6478 53.6194 53.2954 52.8384 53.2954Z" fill="url(#paint8_radial)"/>
+<path d="M27.0289 51.2002H52.9908C53.5432 51.2002 54.0384 51.524 54.267 51.9811C54.267 51.943 54.267 51.9049 54.267 51.8668C54.267 51.0859 53.6194 50.4383 52.8384 50.4383H27.1622C26.3813 50.4383 25.7336 51.0859 25.7336 51.8668C25.7336 51.9049 25.7336 51.943 25.7336 51.9811C25.9813 51.5049 26.4575 51.2002 27.0289 51.2002Z" fill="url(#paint9_linear)"/>
+<defs>
+<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.0037 27.649) scale(36.7656)">
+<stop stop-color="#FFE030"/>
+<stop offset="1" stop-color="#FFB92E"/>
+</radialGradient>
+<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(34.0037 27.649) scale(28.9251)">
+<stop stop-color="#FFEA5F"/>
+<stop offset="1" stop-color="#FFBC47" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint2_linear" x1="27.8133" y1="28.281" x2="28.3072" y2="24.4601" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#7A4400"/>
+</linearGradient>
+<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(29.1594 36.974) rotate(73.8539) scale(4.30606 2.78596)">
+<stop offset="0.00132565" stop-color="#7A4400"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<linearGradient id="paint4_linear" x1="30.0497" y1="32.4017" x2="30.0497" y2="36.5378" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#512D00"/>
+</linearGradient>
+<radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(49.0609 36.9747) rotate(73.8539) scale(4.30607 2.78596)">
+<stop offset="0.00132565" stop-color="#7A4400"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<linearGradient id="paint6_linear" x1="49.9503" y1="32.5109" x2="49.9503" y2="36.6469" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#512D00"/>
+</linearGradient>
+<linearGradient id="paint7_linear" x1="52.1874" y1="28.282" x2="51.6935" y2="24.4611" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#7A4400"/>
+</linearGradient>
+<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.0003 51.8589) scale(10.1385 1.82392)">
+<stop offset="0.00132565" stop-color="#7A4400"/>
+<stop offset="1" stop-color="#643800"/>
+</radialGradient>
+<linearGradient id="paint9_linear" x1="25.7336" y1="51.1992" x2="54.267" y2="51.1992" gradientUnits="userSpaceOnUse">
+<stop offset="0.00132565" stop-color="#3C2200"/>
+<stop offset="1" stop-color="#512D00"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/icons/add_black_24dp.svg b/icons/add_black_24dp.svg
new file mode 100644
index 0000000..93b8cea
--- /dev/null
+++ b/icons/add_black_24dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
\ No newline at end of file
diff --git a/icons/book.png b/icons/book.png
new file mode 100644
index 0000000..68abee6
Binary files /dev/null and b/icons/book.png differ
diff --git a/icons/create_new_folder_black_24dp.svg b/icons/create_new_folder_black_24dp.svg
new file mode 100644
index 0000000..c8a4024
--- /dev/null
+++ b/icons/create_new_folder_black_24dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M20 6h-8l-2-2H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-8-4h2v2h2v-2h2v-2h-2v-2h-2v2h-2z"/></svg>
\ No newline at end of file
diff --git a/icons/description_black_24dp.svg b/icons/description_black_24dp.svg
new file mode 100644
index 0000000..8b444aa
--- /dev/null
+++ b/icons/description_black_24dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>
\ No newline at end of file
diff --git a/icons/desktop.ini b/icons/desktop.ini
new file mode 100644
index 0000000..93cd2c0
--- /dev/null
+++ b/icons/desktop.ini
@@ -0,0 +1,4 @@
+[LocalizedFileNames]
+Dissapointed face.svg=@Dissapointed face.svg,0
+Cowboy hat face.svg=@Cowboy hat face.svg,0
+Neutral face.svg=@Neutral face.svg,0
diff --git a/icons/folder_black_24dp.svg b/icons/folder_black_24dp.svg
new file mode 100644
index 0000000..c8da56d
--- /dev/null
+++ b/icons/folder_black_24dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9.17 6l2 2H20v10H4V6h5.17M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>
\ No newline at end of file
diff --git a/icons/mic_black_48dp.svg b/icons/mic_black_48dp.svg
new file mode 100644
index 0000000..aca9429
--- /dev/null
+++ b/icons/mic_black_48dp.svg
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new 0 0 24 24"
+   height="48px"
+   viewBox="0 0 24 24"
+   width="48px"
+   fill="#000000"
+   version="1.1"
+   id="svg20"
+   sodipodi:docname="mic_black_48dp.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs24">
+    <linearGradient
+       id="linearGradient1137"
+       inkscape:swatch="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop1135" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient937"
+       inkscape:swatch="gradient">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop933" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop935" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="namedview22"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:zoom="8.9791667"
+     inkscape:cx="20.603248"
+     inkscape:cy="18.654292"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg20">
+    <sodipodi:guide
+       position="12.083527,23.220418"
+       orientation="1,0"
+       id="guide3911" />
+    <sodipodi:guide
+       position="-14.422274,11.972158"
+       orientation="0,-1"
+       id="guide3913" />
+  </sodipodi:namedview>
+  <g
+     id="g8">
+    <rect
+       fill="none"
+       height="24"
+       width="24"
+       id="rect2" />
+    <rect
+       fill="none"
+       height="24"
+       width="24"
+       id="rect4" />
+    <rect
+       fill="none"
+       height="24"
+       width="24"
+       id="rect6" />
+  </g>
+  <ellipse
+     style="fill:#4d4d4d;fill-opacity:1;fill-rule:nonzero;stroke:#4d4d4d;stroke-width:0.475566;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path1087"
+     cx="12.084105"
+     cy="11.916603"
+     rx="11.762202"
+     ry="11.762218"
+     inkscape:label="path1087"
+     transform="matrix(0.99997602,0.00692559,-0.0070335,0.99997526,0,0)" />
+  <g
+     id="g18"
+     transform="matrix(0.5,0,0,0.5,6.083527,6.4645937)"
+     style="fill:#ffffff">
+    <g
+       id="g10"
+       style="fill:#ffffff" />
+    <g
+       id="g16"
+       style="fill:#ffffff">
+      <path
+         d="m 12,14 c 1.66,0 3,-1.34 3,-3 V 5 C 15,3.34 13.66,2 12,2 10.34,2 9,3.34 9,5 v 6 c 0,1.66 1.34,3 3,3 z"
+         id="path12"
+         style="fill:#ffffff" />
+      <path
+         d="m 17,11 c 0,2.76 -2.24,5 -5,5 C 9.24,16 7,13.76 7,11 H 5 c 0,3.53 2.61,6.43 6,6.92 V 21 h 2 v -3.08 c 3.39,-0.49 6,-3.39 6,-6.92 z"
+         id="path14"
+         style="fill:#ffffff" />
+    </g>
+  </g>
+</svg>
diff --git a/icons/mic_gray_48dp.svg b/icons/mic_gray_48dp.svg
new file mode 100644
index 0000000..c57b8bf
--- /dev/null
+++ b/icons/mic_gray_48dp.svg
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new 0 0 24 24"
+   height="48px"
+   viewBox="0 0 24 24"
+   width="48px"
+   fill="#000000"
+   version="1.1"
+   id="svg20"
+   sodipodi:docname="mic_gray_48dp.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs24">
+    <linearGradient
+       id="linearGradient1137"
+       inkscape:swatch="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop1135" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient937"
+       inkscape:swatch="gradient">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop933" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop935" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="namedview22"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:zoom="8.9791667"
+     inkscape:cx="20.213457"
+     inkscape:cy="18.654292"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg20">
+    <sodipodi:guide
+       position="12.083527,23.220418"
+       orientation="1,0"
+       id="guide3911" />
+    <sodipodi:guide
+       position="-14.422274,11.972158"
+       orientation="0,-1"
+       id="guide3913" />
+  </sodipodi:namedview>
+  <g
+     id="g8">
+    <rect
+       fill="none"
+       height="24"
+       width="24"
+       id="rect2" />
+    <rect
+       fill="none"
+       height="24"
+       width="24"
+       id="rect4" />
+    <rect
+       fill="none"
+       height="24"
+       width="24"
+       id="rect6" />
+  </g>
+  <ellipse
+     style="fill:#999999;fill-opacity:1;fill-rule:nonzero;stroke:#999999;stroke-width:0.475566;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="path1087"
+     cx="12.084105"
+     cy="11.916603"
+     rx="11.762202"
+     ry="11.762218"
+     inkscape:label="path1087"
+     transform="matrix(0.99997602,0.00692559,-0.0070335,0.99997526,0,0)" />
+  <g
+     id="g18"
+     transform="matrix(0.5,0,0,0.5,6.083527,6.4645937)"
+     style="fill:#ffffff">
+    <g
+       id="g10"
+       style="fill:#ffffff" />
+    <g
+       id="g16"
+       style="fill:#ffffff">
+      <path
+         d="m 12,14 c 1.66,0 3,-1.34 3,-3 V 5 C 15,3.34 13.66,2 12,2 10.34,2 9,3.34 9,5 v 6 c 0,1.66 1.34,3 3,3 z"
+         id="path12"
+         style="fill:#ffffff" />
+      <path
+         d="m 17,11 c 0,2.76 -2.24,5 -5,5 C 9.24,16 7,13.76 7,11 H 5 c 0,3.53 2.61,6.43 6,6.92 V 21 h 2 v -3.08 c 3.39,-0.49 6,-3.39 6,-6.92 z"
+         id="path14"
+         style="fill:#ffffff" />
+    </g>
+  </g>
+</svg>
diff --git a/icons/note_add_black_24dp.svg b/icons/note_add_black_24dp.svg
new file mode 100644
index 0000000..d065cbf
--- /dev/null
+++ b/icons/note_add_black_24dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>
\ No newline at end of file
diff --git a/icons/play_circle_filled_black_48dp.svg b/icons/play_circle_filled_black_48dp.svg
new file mode 100644
index 0000000..1a46a35
--- /dev/null
+++ b/icons/play_circle_filled_black_48dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 0 24 24" width="48px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg>
\ No newline at end of file
diff --git a/icons/post_add_black_24dp.svg b/icons/post_add_black_24dp.svg
new file mode 100644
index 0000000..ed9759f
--- /dev/null
+++ b/icons/post_add_black_24dp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><g/><g><path d="M17,19.22H5V7h7V5H5C3.9,5,3,5.9,3,7v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-7h-2V19.22z"/><path d="M19,2h-2v3h-3c0.01,0.01,0,2,0,2h3v2.99c0.01,0.01,2,0,2,0V7h3V5h-3V2z"/><rect height="2" width="8" x="7" y="9"/><polygon points="7,12 7,14 15,14 15,12 12,12"/><rect height="2" width="8" x="7" y="15"/></g></g></svg>
\ No newline at end of file
diff --git a/icons/stop_black_48dp.svg b/icons/stop_black_48dp.svg
new file mode 100644
index 0000000..f5b3006
--- /dev/null
+++ b/icons/stop_black_48dp.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="48"
+   viewBox="0 0 48 48"
+   width="48"
+   fill="#000000"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="stop_black_24dp.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     id="namedview8"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     width="48px"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:zoom="4.4895833"
+     inkscape:cx="54.013921"
+     inkscape:cy="15.034803"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6">
+    <sodipodi:guide
+       position="72.167053,58.468677"
+       orientation="1,0"
+       id="guide1535" />
+    <sodipodi:guide
+       position="59.470998,91.433875"
+       orientation="0,-1"
+       id="guide1617" />
+  </sodipodi:namedview>
+  <circle
+     style="fill:#4d4d4d;stroke:#4d4d4d;stroke-width:0.494846;fill-opacity:1"
+     id="path997"
+     cx="24"
+     cy="24"
+     r="23.752577" />
+  <path
+     d="M 0,0 H 24 V 24 H 0 Z"
+     fill="none"
+     id="path2" />
+  <path
+     d="m 28.165671,19.612667 v 8 h -8 v -8 h 8 m 2,-2 h -12 v 12 h 12 z"
+     id="path4"
+     style="fill:#ffffff" />
+</svg>
diff --git a/icons/writable_book.png b/icons/writable_book.png
new file mode 100644
index 0000000..33af2fb
Binary files /dev/null and b/icons/writable_book.png differ
diff --git a/icons/written_book.png b/icons/written_book.png
new file mode 100644
index 0000000..371a790
Binary files /dev/null and b/icons/written_book.png differ
diff --git a/ui/ui b/ui/ui
deleted file mode 100644
index 4bcfe98..0000000
--- a/ui/ui
+++ /dev/null
@@ -1 +0,0 @@
-d