diff --git a/assets/bg/bg1.svg b/assets/bg/bg1.svg
deleted file mode 100644
index fae73e3..0000000
--- a/assets/bg/bg1.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1600"><path d="M1000,1355a65.88,65.88,0,0,1,0-131.76" style="fill:#0071bc"/><path d="M669,831.32a48.74,48.74,0,0,1-68.92,68.93" style="fill:#2e3192"/><rect x="586.6" y="819.32" width="41.6" height="41.6" style="fill:#00a99d"/><path d="M268.77,1353.55c.25-4.69.3-9.43.9-14.09l-.27,2a13.35,13.35,0,0,1,.73-3.18l-.76,1.8c.38-.88,1.12-1.21-.72.73.9-.94-2,1.21-.95.72l-1.79.76a1.56,1.56,0,0,1,.37-.1l-2,.27a1.41,1.41,0,0,1,.41,0l-2-.27a3.23,3.23,0,0,1,.75.22l-1.79-.76a6.23,6.23,0,0,1,1.12.64c.13.08.25.18.38.27.71.47-1.3-1-1.12-.87s.59.48.87.72c1.32,1.15,2.56,2.4,3.78,3.65,4.77,4.87,9.74,12.21,17.59,10.23,2.92-.74,4.52-2.75,5.59-5.38.26-.66.52-1.32.77-2,.54-1.47,1.05-3,1.52-4.47.91-2.91,1.68-5.86,2.37-8.84,1.38-5.92,2.42-11.92,3.49-17.9,1.22-6.83,2.46-13.65,4.25-20.35l-9.23,5.23a9.33,9.33,0,0,1,1.65.44l-1.79-.76a19.65,19.65,0,0,0,1.76,1s-1.33-1.12-.85-.64a4.25,4.25,0,0,0,.39.35c.3.29.58.58.86.89s.46.55.7.82c.49.57-.65-.89-.61-.8a2.24,2.24,0,0,0,.32.44c.47.63.91,1.28,1.36,1.92,2.17,3.12,4.49,6.08,7.95,7.86,4.26,2.19,9.17,2.68,13.46.26,3.89-2.19,6.31-6.54,7.38-10.74.86-3.35.9-6.89,2.22-10.12l-.75,1.79a11.37,11.37,0,0,1,.54-1.11c.29-.51,1.22-1.69-.27.2a8.18,8.18,0,0,0,2.2-5.3,7.66,7.66,0,0,0-2.2-5.31,7.55,7.55,0,0,0-5.3-2.19c-1.85.08-4.11.67-5.31,2.19a20.81,20.81,0,0,0-4.54,10.07,39,39,0,0,1-1.78,8l.75-1.79a12.49,12.49,0,0,1-.63,1.27c-.13.21-.25.41-.39.61q-.66,1,.54-.66a5.11,5.11,0,0,1-.45.48c-.57.5-.3.31.8-.59-.35.16-.66.39-1,.54l1.79-.75a7.64,7.64,0,0,1-1.07.28l2-.27a6.59,6.59,0,0,1-1.66,0l2,.27a8.48,8.48,0,0,1-2-.58l1.79.76a11.2,11.2,0,0,1-1.09-.56c-.27-.17-1.45-1-.29-.13s0,0-.24-.24-.62-.61-.91-.93c-.48-.55-.69-1.26.36.5-.22-.37-.5-.73-.74-1.09-.48-.69-1-1.38-1.46-2.06-2.85-3.92-6.42-8-11.5-8.78a8,8,0,0,0-5.78.76,7.78,7.78,0,0,0-3.45,4.48c-4.71,17.7-5.55,36.43-12.4,53.55l5.24-5.23a2.83,2.83,0,0,1-.7.21l2-.27a2.41,2.41,0,0,1-.71,0l2,.27a3,3,0,0,1-.71-.21l1.8.76c-.3-.14-.57-.31-.86-.46-.81-.41,1.19,1.08.55.43-.44-.43-.88-.84-1.3-1.29l-2.52-2.67c-1.32-1.38-2.63-2.76-4-4.11a29.35,29.35,0,0,0-6.75-5.54c-4.48-2.3-9.87-1.45-12.65,3-1.65,2.67-2,5.84-2.26,8.89-.43,4.26-.54,8.56-.76,12.84a7.56,7.56,0,0,0,7.5,7.5,7.67,7.67,0,0,0,7.5-7.5Z" style="fill:#ed1c24"/><path d="M832.58-35.28a47.38,47.38,0,0,0-4.39,4.46,106.25,106.25,0,0,0-8.07,10.58,82,82,0,0,0-8.31,17.8c-2.21,6.23-3,12.84-3.71,19.39a65.88,65.88,0,0,0,.66,16.17,61.83,61.83,0,0,0,3.68,15.55A96.52,96.52,0,0,0,818,60.88a99.36,99.36,0,0,0,7.83,10.75,52,52,0,0,0,8.82,8.84c5.17,4,10.14,8,16.11,10.75,6.38,2.94,12.92,5.77,19.89,6.91s14.24,2.21,21.42,1.26a21.79,21.79,0,0,0,11.17-2.5,21.75,21.75,0,0,0,9.33-6,21.78,21.78,0,0,0,6-9.33,21.76,21.76,0,0,0,2.5-11.17l-1-7.7a29,29,0,0,0-7.45-12.79l-5.87-4.53a28.92,28.92,0,0,0-14.63-4,47,47,0,0,1-12.48,0l7.71,1a51.65,51.65,0,0,1-12.73-3.52l6.93,2.92a53.42,53.42,0,0,1-11.44-6.66l5.87,4.53a50.68,50.68,0,0,1-9.11-9l4.53,5.87a47.73,47.73,0,0,1-5.94-10.17l2.93,6.92a47.46,47.46,0,0,1-3.16-11.7l1,7.7a52.16,52.16,0,0,1,0-13.56l-1,7.71A53.26,53.26,0,0,1,868.88,10L866,16.89a50.36,50.36,0,0,1,6.3-10.78L867.72,12a46.93,46.93,0,0,1,5.85-6.27,21.65,21.65,0,0,0,6-9.33,21.84,21.84,0,0,0,2.49-11.16,21.86,21.86,0,0,0-2.49-11.17,21.71,21.71,0,0,0-6-9.33l-5.86-4.53a28.92,28.92,0,0,0-14.63-4l-7.71,1a28.92,28.92,0,0,0-12.79,7.45Z" style="fill:#fcee21"/><path d="M159,845a13.25,13.25,0,0,1,1.19-.6l-2.32,1a13.41,13.41,0,0,1,3.3-.88l-2.57.35a19,19,0,0,1,4.77,0l-2.58-.35a21.17,21.17,0,0,1,5,1.35l-2.32-1a15,15,0,0,1,3.33,1.9l-2-1.51a9.94,9.94,0,0,1,1.47,1.43l-1.51-2a6.59,6.59,0,0,1,.78,1.3l-1-2.32a5.25,5.25,0,0,1,.33,1.22l-.34-2.58a5,5,0,0,1,0,1l.34-2.57a5.75,5.75,0,0,1-.18.8,9.69,9.69,0,1,0,18.68,5.15,14.11,14.11,0,0,0-1.35-10.87,18.67,18.67,0,0,0-6.51-6.47,23.4,23.4,0,0,0-3.49-1.69,26.14,26.14,0,0,0-3.92-1.4,28.38,28.38,0,0,0-8.3-.93,23.45,23.45,0,0,0-10.67,2.91,10,10,0,0,0-4.45,5.79,9.87,9.87,0,0,0,1,7.46A9.75,9.75,0,0,0,151.5,846a10.16,10.16,0,0,0,7.46-1Z" style="fill:#22b573"/><path d="M924,308.11a40,40,0,0,0,3.77-4.84c.43-.63.85-1.25,1.29-1.87.74-1-.92,1.09-.21.28.23-.26.45-.52.7-.77s.67-.49.69-.62c0,.12-1.43,1-.63.5l.45-.27c.13-.07.26-.13.38-.21.7-.44-1.18.39-.71.3s.79-.23,1.16-.33,1.18,0-.68.06c.19,0,.38,0,.57,0,.51,0,1,0,1.55,0s1.21.16,1.79.14c-.31,0-1.24-.2-.4,0l1.29.23a6.11,6.11,0,0,0,5.23-1.08,5.78,5.78,0,0,0,2.36-4.71c-.12-4.5,1.24-9,.72-13.47l-6,6a22.28,22.28,0,0,0,8.53-.61,10,10,0,0,0,6.48-6.25,21.69,21.69,0,0,0,.81-5.39c0-.32.22-1.87,0-.5s.06-.27.12-.59.21-.89.35-1.33c.08-.23.17-.46.24-.69.13-.43-.72,1.59-.15.38,1.34-2.84.88-6.61-2.15-8.21-2.67-1.41-6.78-.88-8.21,2.15a23.47,23.47,0,0,0-2.1,7.49c-.09.71-.14,1.43-.21,2.15a7.46,7.46,0,0,0-.1,1.05s.32-1.86.14-1c0,.15-.06.31-.09.47a3.48,3.48,0,0,0-.24.78s.77-1.65.4-1c-.14.26-.54.76.2-.19s.38-.48.19-.28c-.47.5-.5-.08.74-.55-.14.06-.28.18-.42.25-.7.38,1.49-.52.86-.35-.38.1-.75.22-1.13.31-.53.13-1.3,0,.6-.07-.24,0-.47,0-.71.06a30.82,30.82,0,0,1-4.19-.08c-3-.21-6.36,2.93-6,6,.52,4.51-.84,9-.72,13.47l7.6-5.78a28.16,28.16,0,0,0-9.85-.42,13.75,13.75,0,0,0-6.68,3.28,21.71,21.71,0,0,0-3.67,4.48c-.47.68-.93,1.38-1.42,2-.13.17-.25.34-.38.5-.4.56,1-1.21.39-.5-.35.42-.7.83-1.07,1.23-2.15,2.29-2.45,6.24,0,8.48s6.19,2.45,8.48,0Z" style="fill:#2e3192"/><polygon points="108.16 239.18 53.57 265.87 25.09 212.19 -34.76 201.69 -26.25 141.53 -68.49 97.86 -26.25 54.19 -34.76 -5.98 25.09 -16.47 53.57 -70.15 108.16 -43.46 162.75 -70.15 191.23 -16.47 251.08 -5.98 242.57 54.19 284.82 97.86 242.57 141.53 251.08 201.69 191.23 212.19 162.75 265.87 108.16 239.18" style="fill:#29abe2"/><path d="M150.41-32.16l22,41.54,46.31,8.12-6.58,46.56,32.69,33.8-32.69,33.8,6.58,46.55-46.31,8.13-22,41.54-42.25-20.65L65.92,227.88l-22-41.54-46.32-8.13,6.59-46.55-32.7-33.8,32.7-33.8L-2.44,17.5,43.88,9.38l22-41.54,42.24,20.65,42.25-20.65m24.68-76-49.9,24.4-17,8.32-17-8.32-49.9-24.4-26,49.07L6.31-42.33-12.36-39l-54.71,9.6,7.78,55,2.65,18.77L-69.82,57.94l-38.62,39.92,38.62,39.92,13.18,13.63-2.65,18.76-7.78,55,54.71,9.6L6.31,238l8.88,16.75,26,49.07,49.9-24.4,17-8.32,17,8.32,49.9,24.4,26-49.07L210,238l18.67-3.27,54.71-9.6-7.78-55L273,151.41l13.18-13.63,38.62-39.92L286.14,57.94,273,44.31l2.65-18.77,7.78-55L228.68-39,210-42.33l-8.88-16.74-26-49.07Z" style="fill:#2e3192"/><polygon points="941.56 722.7 923.19 719.48 925.8 701.01 912.84 687.61 925.8 674.2 923.19 655.73 941.56 652.51 950.3 636.03 967.06 644.23 983.82 636.03 992.56 652.51 1010.93 655.73 1008.32 674.2 1021.28 687.61 1008.32 701.01 1010.93 719.48 992.56 722.7 983.82 739.18 967.06 730.99 950.3 739.18 941.56 722.7" style="fill:#ed1e79"/><path d="M980,647.7l6.76,12.75,14.22,2.49-2,14.29,10,10.38L999,698l2,14.29-14.22,2.5L980,727.52l-13-6.34-13,6.34-6.76-12.75-14.22-2.5,2-14.29-10-10.37,10-10.38-2-14.29,14.22-2.49,6.76-12.75,13,6.33,13-6.33m7.58-23.33-15.32,7.49-5.23,2.56-5.23-2.56-15.32-7.49-8,15.07-2.72,5.13-5.73,1-16.8,2.95,2.39,16.88.81,5.76-4,4.18-11.86,12.26,11.86,12.25,4,4.18-.81,5.76-2.39,16.89,16.8,2.94,5.73,1,2.72,5.14,8,15.06,15.32-7.49,5.23-2.56,5.23,2.56,15.32,7.49,8-15.06,2.72-5.14,5.73-1,16.8-2.94-2.39-16.89-.81-5.76,4-4.18,11.86-12.25-11.86-12.26-4-4.18.81-5.76,2.39-16.88-16.8-2.95-5.73-1-2.72-5.13-8-15.07Z" style="fill:#d4145a"/></svg>
\ No newline at end of file
diff --git a/assets/bg/bg2.svg b/assets/bg/bg2.svg
deleted file mode 100644
index eb6add3..0000000
--- a/assets/bg/bg2.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1600"><defs><linearGradient id="a" x1="-11.31" y1="904.24" x2="1015.26" y2="-122.32" gradientTransform="translate(-79.97 109.85)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity="0"/><stop offset="0.33" stop-color="#fff" stop-opacity="0.01"/><stop offset="0.51" stop-color="#fff" stop-opacity="0.04"/><stop offset="0.65" stop-color="#fff" stop-opacity="0.09"/><stop offset="0.78" stop-color="#fff" stop-opacity="0.17"/><stop offset="0.89" stop-color="#fff" stop-opacity="0.27"/><stop offset="0.99" stop-color="#fff" stop-opacity="0.39"/><stop offset="1" stop-color="#fff" stop-opacity="0.4"/></linearGradient><linearGradient id="b" x1="-164.43" y1="1060.21" x2="862.13" y2="33.64" gradientTransform="translate(-82.81 -199.23)" xlink:href="#a"/><linearGradient id="c" x1="-377.03" y1="1225.29" x2="649.54" y2="198.73" gradientTransform="translate(-35.31 -576.91)" xlink:href="#a"/><linearGradient id="d" x1="-591.44" y1="1423.47" x2="435.13" y2="396.91" gradientTransform="translate(-19.08 -989.51)" xlink:href="#a"/><linearGradient id="e" x1="-783.64" y1="1608.56" x2="242.93" y2="581.99" gradientTransform="translate(-11.96 -1366.79)" xlink:href="#a"/></defs><rect x="-118.83" y="29.01" width="1093.21" height="932.04" transform="translate(922.81 67.25) rotate(90)" style="fill:url(#a)"/><rect x="-274.79" y="-124.11" width="1093.21" height="932.04" transform="translate(613.73 70.09) rotate(90)" style="fill:url(#b)"/><rect x="-439.88" y="-336.7" width="1093.21" height="932.04" transform="translate(236.05 22.59) rotate(90)" style="fill:url(#c)"/><rect x="-638.06" y="-551.12" width="1093.21" height="932.04" transform="translate(-176.55 6.36) rotate(90)" style="fill:url(#d)"/><rect x="-823.14" y="-743.32" width="1093.21" height="932.04" transform="translate(-553.83 -0.76) rotate(90)" style="fill:url(#e)"/></svg>
\ No newline at end of file
diff --git a/assets/bg/floor-1-bg.svg b/assets/bg/floor-1-bg.svg
deleted file mode 100644
index 3adb097..0000000
--- a/assets/bg/floor-1-bg.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg width="1280" height="720" viewBox="0 0 1280 720" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
-<line x1="148" y1="151" x2="7" y2="151" stroke="#1050CB" stroke-width="14" stroke-linecap="round"/>
-<line x1="207" y1="178" x2="7" y2="178" stroke="#1050CB" stroke-width="14" stroke-linecap="round"/>
-<line x1="196" y1="205" x2="7" y2="205" stroke="#1050CB" stroke-width="14" stroke-linecap="round"/>
-<line x1="128" y1="232" x2="7" y2="232" stroke="#1050CB" stroke-width="14" stroke-linecap="round"/>
-<line x1="1217.53" y1="701.125" x2="1317.23" y2="800.827" stroke="#1050CB" stroke-width="14" stroke-linecap="round"/>
-<line x1="1194.9" y1="640.313" x2="1336.32" y2="781.734" stroke="#1050CB" stroke-width="14" stroke-linecap="round"/>
-<line x1="1221.77" y1="629" x2="1355.41" y2="762.643" stroke="#1050CB" stroke-width="14" stroke-linecap="round"/>
-<line x1="1288.95" y1="657.99" x2="1374.51" y2="743.55" stroke="#1050CB" stroke-width="14" stroke-linecap="round"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="1280" height="720" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/assets/bg/homepage-bg.svg b/assets/bg/homepage-bg.svg
new file mode 100644
index 0000000..fb0cba6
--- /dev/null
+++ b/assets/bg/homepage-bg.svg
@@ -0,0 +1,44 @@
+<svg width="1280" height="720" viewBox="0 0 1280 720" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<ellipse cx="24.5" cy="565" rx="33.5" ry="33" fill="#FF9292"/>
+<ellipse cx="57.5" cy="598" rx="12.5" ry="12" fill="#FFB4B4"/>
+<path d="M1214.81 243.61L1370.03 243.61L1292.42 378.036L1214.81 243.61Z" fill="#FFDCDC"/>
+<circle cx="667.964" cy="126.052" r="4" transform="rotate(30 667.964 126.052)" fill="#FFB4B4"/>
+<circle cx="667.964" cy="126.052" r="4" transform="rotate(30 667.964 126.052)" fill="#FFB4B4"/>
+<circle cx="680.32" cy="136.652" r="4" transform="rotate(30 680.32 136.652)" fill="#FFB4B4"/>
+<circle cx="680.32" cy="136.652" r="4" transform="rotate(30 680.32 136.652)" fill="#FFB4B4"/>
+<circle cx="692.675" cy="147.249" r="4" transform="rotate(30 692.675 147.249)" fill="#FFB4B4"/>
+<circle cx="692.675" cy="147.249" r="4" transform="rotate(30 692.675 147.249)" fill="#FFB4B4"/>
+<circle cx="705.034" cy="157.847" r="4" transform="rotate(30 705.034 157.847)" fill="#FFB4B4"/>
+<circle cx="705.034" cy="157.847" r="4" transform="rotate(30 705.034 157.847)" fill="#FFB4B4"/>
+<circle cx="668.894" cy="140.445" r="4" transform="rotate(30 668.894 140.445)" fill="#FFB4B4"/>
+<circle cx="668.894" cy="140.445" r="4" transform="rotate(30 668.894 140.445)" fill="#FFB4B4"/>
+<circle cx="681.249" cy="151.042" r="4" transform="rotate(30 681.249 151.042)" fill="#FFB4B4"/>
+<circle cx="681.249" cy="151.042" r="4" transform="rotate(30 681.249 151.042)" fill="#FFB4B4"/>
+<circle cx="693.605" cy="161.642" r="4" transform="rotate(30 693.605 161.642)" fill="#FFB4B4"/>
+<circle cx="693.605" cy="161.642" r="4" transform="rotate(30 693.605 161.642)" fill="#FFB4B4"/>
+<circle cx="705.96" cy="172.239" r="4" transform="rotate(30 705.96 172.239)" fill="#FFB4B4"/>
+<circle cx="705.96" cy="172.239" r="4" transform="rotate(30 705.96 172.239)" fill="#FFB4B4"/>
+<circle cx="692.554" cy="119.464" r="4" transform="rotate(30 692.554 119.464)" fill="#FFB4B4"/>
+<circle cx="692.554" cy="119.464" r="4" transform="rotate(30 692.554 119.464)" fill="#FFB4B4"/>
+<circle cx="704.909" cy="130.062" r="4" transform="rotate(30 704.909 130.062)" fill="#FFB4B4"/>
+<circle cx="704.909" cy="130.062" r="4" transform="rotate(30 704.909 130.062)" fill="#FFB4B4"/>
+<circle cx="717.265" cy="140.659" r="4" transform="rotate(30 717.265 140.659)" fill="#FFB4B4"/>
+<circle cx="717.265" cy="140.659" r="4" transform="rotate(30 717.265 140.659)" fill="#FFB4B4"/>
+<circle cx="729.62" cy="151.259" r="4" transform="rotate(30 729.62 151.259)" fill="#FFB4B4"/>
+<circle cx="729.62" cy="151.259" r="4" transform="rotate(30 729.62 151.259)" fill="#FFB4B4"/>
+<circle cx="693.48" cy="133.857" r="4" transform="rotate(30 693.48 133.857)" fill="#FFB4B4"/>
+<circle cx="693.48" cy="133.857" r="4" transform="rotate(30 693.48 133.857)" fill="#FFB4B4"/>
+<circle cx="705.839" cy="144.454" r="4" transform="rotate(30 705.839 144.454)" fill="#FFB4B4"/>
+<circle cx="705.839" cy="144.454" r="4" transform="rotate(30 705.839 144.454)" fill="#FFB4B4"/>
+<circle cx="718.195" cy="155.052" r="4" transform="rotate(30 718.195 155.052)" fill="#FFB4B4"/>
+<circle cx="718.195" cy="155.052" r="4" transform="rotate(30 718.195 155.052)" fill="#FFB4B4"/>
+<circle cx="730.55" cy="165.652" r="4" transform="rotate(30 730.55 165.652)" fill="#FFB4B4"/>
+<circle cx="730.55" cy="165.652" r="4" transform="rotate(30 730.55 165.652)" fill="#FFB4B4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="1280" height="720" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/css/main.css b/css/main.css
index d8d70f7..b4240b9 100644
--- a/css/main.css
+++ b/css/main.css
@@ -3,7 +3,7 @@
   margin: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  font-family: "Roboto", serif;
+  font-family: "Roboto Slab", serif;
 }
 
 body {
@@ -14,11 +14,11 @@ body {
   --foreground-color: 255, 255, 255;
   --background-color: #efefef;
   --error-color: red;
-  --red: #e8505b;
+  --red: #E84545;
   color: rgba(var(--text-color), 1);
   height: calc(100%);
   font-size: clamp(1rem, 1.2vmax, 3rem);
-  background: rgba(var(--text-color), 0.04);
+  background: #F3F3F3;
 }
 
 body[data-theme=dark] {
@@ -27,29 +27,20 @@ body[data-theme=dark] {
   --text-color-light: 170, 170, 170;
   --foreground-color: 20, 20, 20;
   --error-color: rgb(255, 106, 106);
-  background: rgba(var(--foreground-color), 1);
-}
-body[data-theme=dark] .outlet-preview {
-  background: rgba(var(--text-color), 0.02);
-  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px -1px, rgba(0, 0, 0, 0.4) 0px 1px 3px -1px;
-          box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px -1px, rgba(0, 0, 0, 0.4) 0px 1px 3px -1px;
-}
-body[data-theme=dark] .outlet-preview sm-carousel {
-  border-top: dashed 0.5rem rgba(var(--foreground-color), 0.7);
+  background: #0a0a0a;
 }
 body[data-theme=dark] #outlet_switcher {
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--text-color), 0.06)), to(rgba(var(--text-color), 0.06))), rgba(var(--foreground-color), 1);
   background: linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)), rgba(var(--foreground-color), 1);
 }
+body[data-theme=dark] .outlet-preview {
+  background-color: #0a0a0a;
+}
 
 .full-bleed {
   grid-column: 1/4;
 }
 
-.h1, .h2, .h3, .h4, .h5 {
-  font-family: "Roboto Slab", serif;
-}
-
 .h1 {
   font-size: 2.5rem;
 }
@@ -80,7 +71,7 @@ body[data-theme=dark] #outlet_switcher {
 
 p {
   max-width: 60ch;
-  line-height: 1.5;
+  line-height: 1.7;
 }
 
 img {
@@ -153,7 +144,7 @@ ul {
 }
 
 .grid-3 {
-  grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
 }
 
 .flow-column {
@@ -433,6 +424,7 @@ ul {
 
 #elevator_button {
   justify-self: flex-start;
+  margin-left: -1rem;
 }
 
 #main_logo {
@@ -450,25 +442,26 @@ ul {
   width: 1.5rem;
   height: 1.5rem;
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
 }
 .theme-switcher .icon {
   position: absolute;
-  -webkit-transition: -webkit-transform 0.3s;
-  transition: -webkit-transform 0.3s;
-  transition: transform 0.3s;
-  transition: transform 0.3s, -webkit-transform 0.3s;
+  -webkit-transition: -webkit-transform 0.6s;
+  transition: -webkit-transform 0.6s;
+  transition: transform 0.6s;
+  transition: transform 0.6s, -webkit-transform 0.6s;
 }
 
 .theme-switcher__checkbox {
   display: none;
 }
 .theme-switcher__checkbox:checked ~ .moon-icon {
-  -webkit-transform: scale(0);
-          transform: scale(0);
+  -webkit-transform: scale(0) rotate(90deg);
+          transform: scale(0) rotate(90deg);
 }
 .theme-switcher__checkbox:not(:checked) ~ .sun-icon {
-  -webkit-transform: scale(0);
-          transform: scale(0);
+  -webkit-transform: scale(0) rotate(-90deg);
+          transform: scale(0) rotate(-90deg);
 }
 
 .page {
@@ -485,19 +478,15 @@ ul {
   padding: 0.4rem 0.6rem;
 }
 
-.common-padding {
-  padding: 0 1rem;
-}
-
 #home_page {
   overflow-y: auto;
   max-height: calc(100vh - 5rem);
-  padding: 0;
   grid-template-columns: 2rem 1fr;
+  background: url(../assets/bg/homepage-bg.svg) no-repeat center;
+  background-size: cover;
 }
 
 #floor_line_map {
-  position: relative;
   position: -webkit-sticky;
   position: sticky;
   top: 1rem;
@@ -592,26 +581,27 @@ ul {
 }
 
 #floor_1__outlets {
-  margin: 1rem 0;
-  gap: 1rem;
-  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+  margin: 3rem 0;
+  gap: 1.5rem;
 }
 
 .outlet-preview {
-  padding-top: 2rem;
-  background: rgba(var(--foreground-color), 1);
-  border-radius: 0.5rem;
-  -webkit-transition: -webkit-box-shadow 0.3s;
-  transition: -webkit-box-shadow 0.3s;
-  transition: box-shadow 0.3s;
-  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
+  background-color: #F3F3F3;
+  position: relative;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: grid;
 }
-.outlet-preview sm-carousel {
-  border-top: dashed 0.5rem rgba(var(--foreground-color), 1);
+
+.outlet-preview__info {
+  padding: 1rem;
 }
 
 .outlet__title {
   font-weight: 700;
+  font-size: 1.8rem;
+  margin-bottom: 0.8rem;
   text-transform: capitalize;
 }
 
@@ -619,19 +609,34 @@ ul {
   color: rgba(var(--text-color), 0.8);
 }
 
+.outlet-preview__border {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  -webkit-box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3) inset;
+          box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3) inset;
+  border-radius: 0.5rem;
+}
+
+.outlet-preview__button {
+  justify-self: flex-start;
+}
+
 .label {
   position: relative;
   font-size: 0.8rem;
-  color: var(--accent-color);
   margin-bottom: 0.3rem;
 }
 
+.value {
+  font-size: 1.5rem;
+}
+
 sm-carousel {
   position: relative;
   height: 100%;
-  background: rgba(var(--text-color), 0.06);
-  padding-bottom: 4rem;
-  padding-top: 1.5rem;
+  padding: 1.5rem 1.5rem 4rem 1.5rem;
+  background: rgba(var(--foreground-color), 1);
   --arrow-left: 1.5rem;
   --arrow-right: 1.5rem;
   --arrow-fill: rgba(var(--text-color), 1);
@@ -918,23 +923,52 @@ table {
   }
 
   #main_header {
-    padding: 1.5rem 2rem;
-  }
-
-  .common-padding {
-    padding: 0 2rem;
+    padding: 1.2rem 2rem;
   }
 
   #home_page {
-    grid-template-columns: 8rem 1fr;
+    grid-template-columns: 1fr 80vw 1fr;
   }
 
   #floor_line_map {
     margin-left: 0.8rem;
   }
 
+  #floor_1__outlets {
+    gap: 4rem;
+  }
+
   .outlet-preview {
-    padding-top: 3rem;
+    gap: 1rem;
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .carousel-holder {
+    -ms-flex-item-align: start;
+        align-self: flex-start;
+    -webkit-transform: translateY(-2rem);
+            transform: translateY(-2rem);
+    z-index: 1;
+  }
+  .carousel-holder sm-carousel {
+    border-radius: 0.5rem;
+  }
+  .carousel-holder--left {
+    grid-row: 1/2;
+    grid-column: 1/2;
+    -webkit-box-shadow: -2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);
+            box-shadow: -2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);
+  }
+  .carousel-holder--left ~ .outlet-preview__border {
+    justify-self: flex-end;
+  }
+  .carousel-holder--right {
+    -webkit-box-shadow: 2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);
+            box-shadow: 2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);
+  }
+
+  .outlet-preview__border {
+    width: 66%;
   }
 
   #elevator_sections {
@@ -942,6 +976,14 @@ table {
     grid-template-columns: auto 1fr;
   }
 
+  .outlet-preview__info {
+    padding: 2rem 3rem;
+  }
+
+  .outlet-preview__carousel {
+    padding: 2rem 3rem 5rem 3rem;
+  }
+
   #outlet_switcher {
     padding: 1rem 1.5rem;
   }
@@ -970,6 +1012,31 @@ table {
   #elevator_popup {
     --width: min(100%, 54rem) ;
   }
+
+  .grid-3 {
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+  }
+  .grid-3 > .grid {
+    width: 100%;
+  }
+  .grid-3 > .grid:not(:last-of-type) {
+    position: relative;
+  }
+  .grid-3 > .grid:not(:last-of-type)::after {
+    content: "";
+    position: absolute;
+    height: 4rem;
+    width: 1px;
+    right: 0.5rem;
+    background-color: var(--red);
+  }
+}
+@media only screen and (min-width: 1920px) {
+  .page, #home_page {
+    grid-template-columns: 1fr 60vw 1fr;
+  }
 }
 @media (any-hover: hover) {
   ::-webkit-scrollbar {
@@ -985,18 +1052,6 @@ table {
     background: rgba(var(--text-color), 0.5);
   }
 
-  body[data-theme=dark] .outlet-preview:hover {
-    z-index: 1;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 48px 100px 0px;
-            box-shadow: rgba(0, 0, 0, 0.3) 0px 48px 100px 0px;
-  }
-
-  .outlet-preview:hover {
-    z-index: 1;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 48px 100px 0px;
-            box-shadow: rgba(0, 0, 0, 0.15) 0px 48px 100px 0px;
-  }
-
   .page-link {
     cursor: pointer;
     -webkit-transition: color 0.3s;
diff --git a/css/main.min.css b/css/main.min.css
index b074e1f..602abab 100644
--- a/css/main.min.css
+++ b/css/main.min.css
@@ -1 +1 @@
-*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto",serif}body{--accent-color: #1042e9;--light-shade: rgba(var(--text-color), 0.06);--text-color: 17, 17, 17;--text-color-light: 100, 100, 100;--foreground-color: 255, 255, 255;--background-color: #efefef;--error-color: red;--red: #e8505b;color:rgba(var(--text-color), 1);height:calc(100%);font-size:clamp(1rem, 1.2vmax, 3rem);background:rgba(var(--text-color), 0.04)}body[data-theme=dark]{--accent-color:#2fb3ff;--text-color: 240, 240, 240;--text-color-light: 170, 170, 170;--foreground-color: 20, 20, 20;--error-color: rgb(255, 106, 106);background:rgba(var(--foreground-color), 1)}body[data-theme=dark] .outlet-preview{background:rgba(var(--text-color), 0.02);-webkit-box-shadow:rgba(0,0,0,.3) 0px 2px 5px -1px,rgba(0,0,0,.4) 0px 1px 3px -1px;box-shadow:rgba(0,0,0,.3) 0px 2px 5px -1px,rgba(0,0,0,.4) 0px 1px 3px -1px}body[data-theme=dark] .outlet-preview sm-carousel{border-top:dashed .5rem rgba(var(--foreground-color), 0.7)}body[data-theme=dark] #outlet_switcher{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--text-color), 0.06)), to(rgba(var(--text-color), 0.06))),rgba(var(--foreground-color), 1);background:linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)),rgba(var(--foreground-color), 1)}.full-bleed{grid-column:1/4}.h1,.h2,.h3,.h4,.h5{font-family:"Roboto Slab",serif}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}p{max-width:60ch;line-height:1.5}img{-o-object-fit:cover;object-fit:cover}button{position:relative;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background:none;cursor:pointer;outline:none;color:inherit;font-weight:500;-webkit-tap-highlight-color:transparent}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color), 1)}.button--primary .icon{fill:rgba(var(--foreground-color), 1)}button:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input,sm-textarea{--border-radius: 0.2rem;--background: rgba(var(--text-color), 0.06)}sm-button{--border-radius: 0.2rem}sm-tab-header{-ms-flex-item-align:start;align-self:flex-start}ul{list-style:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill, minmax(6rem, 1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.pos-relative{position:relative}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-center{text-align:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-right{margin-left:auto}.align-self-center{-ms-flex-item-align:center;align-self:center}.justify-self-center{justify-self:center}.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.margin-left-0-5{margin-left:.5rem}.margin-right-0-5{margin-right:.5rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.no-transformations{-webkit-transform:none !important;transform:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);background:rgba(var(--text-color), 0.16);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color), 0.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-0.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.color-0-9{color:rgba(var(--text-color), 0.9)}.color-0-8{color:rgba(var(--text-color), 0.8)}.color-0-7{color:rgba(var(--text-color), 0.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.popup__header__close{padding:.5rem;cursor:pointer}#elevator_button_panel{gap:1rem;grid-template-columns:repeat(3, 1fr)}.floor__button{padding:1rem;height:4rem;width:4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.5rem;font-size:1.5rem;font-weight:900;background:rgba(var(--text-color), 0.06)}.floor__button--active{background:rgba(var(--text-color), 0.2);-webkit-box-shadow:0 0 0 .4rem rgba(var(--text-color), 1) inset;box-shadow:0 0 0 .4rem rgba(var(--text-color), 1) inset}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3, 1fr)}#elevator_button{justify-self:flex-start}#main_logo{justify-self:center}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem;cursor:pointer}.theme-switcher .icon{position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{-webkit-transform:scale(0);transform:scale(0)}.theme-switcher__checkbox:not(:checked)~.sun-icon{-webkit-transform:scale(0);transform:scale(0)}.page{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}.common-padding{padding:0 1rem}#home_page{overflow-y:auto;max-height:calc(100vh - 5rem);padding:0;grid-template-columns:2rem 1fr}#floor_line_map{position:relative;position:-webkit-sticky;position:sticky;top:1rem;height:40vh;z-index:5;grid-template-columns:2rem 1fr;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-0.5rem;background:rgba(var(--foreground-color), 1);border:solid .2rem var(--red);-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear, -webkit-transform .1s linear;z-index:5}.line-map__bar{width:.1rem;height:100%;border-radius:1rem;background:var(--red)}.floor-label{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:.75rem;margin-top:-0.9rem;padding-bottom:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.floor-label--active .floor-title{opacity:1;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2)}.floor-circle{position:absolute;height:.5rem;width:.5rem;background:rgba(var(--text-color), 1);border-radius:1rem}.floor-title{opacity:.5;font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;background:rgba(var(--foreground-color), 1);-webkit-transition:opacity .3s,-webkit-box-shadow .3s;transition:opacity .3s,-webkit-box-shadow .3s;transition:box-shadow .3s,opacity .3s;transition:box-shadow .3s,opacity .3s,-webkit-box-shadow .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.big-icon{height:2rem;width:2rem}#floor_1__outlets{margin:1rem 0;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr))}.outlet-preview{padding-top:2rem;background:rgba(var(--foreground-color), 1);border-radius:.5rem;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}.outlet-preview sm-carousel{border-top:dashed .5rem rgba(var(--foreground-color), 1)}.outlet__title{font-weight:700;text-transform:capitalize}.outlet__description{color:rgba(var(--text-color), 0.8)}.label{position:relative;font-size:.8rem;color:var(--accent-color);margin-bottom:.3rem}sm-carousel{position:relative;height:100%;background:rgba(var(--text-color), 0.06);padding-bottom:4rem;padding-top:1.5rem;--arrow-left: 1.5rem;--arrow-right: 1.5rem;--arrow-fill: rgba(var(--text-color), 1);--arrow-background: transparent;--arrow-box-shadow: none;--arrow-bottom: -3.5rem;--indicator-bottom: -2.5rem}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.investor-card{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:5rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;background:rgba(var(--foreground-color), 1);-webkit-box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__button{font-size:1rem;padding:.4rem 0}.outlet_switcher__button--active{color:var(--accent-color)}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--red)}.outlet-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-self:flex-start;color:var(--accent-color);margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--accent-color);margin-right:.5rem}scroll-tab-header,scroll-tab-panels{--border-radius: 0.5rem}scroll-tab-header{position:-webkit-sticky;position:sticky;top:0;--gap: 0.5rem;--padding: 0.5rem;margin-right:1.5rem;--background: linear-gradient(rgba(var(--text-color), 0.04), rgba(var(--text-color), 0.04)), rgba(var(--foreground-color), 1);--grid-auto-flow: column;justify-self:flex-start;z-index:1}scroll-tab-panels{--height: max(24rem, 50vh);--gap: 4rem;--background: transparent;-ms-scroll-chaining:none;overscroll-behavior:contain}scroll-tab-panels>*{min-height:max(24rem, 50vh);margin-bottom:6rem;opacity:.4;-webkit-transition:opacity .6s;transition:opacity .6s}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto}.grid-2{grid-template-columns:auto 1fr}.room-button{font-weight:500;font-size:1.1rem;opacity:.6;-webkit-transition:opacity .3s,background-color .3s;transition:opacity .3s,background-color .3s;padding:.6rem .8rem}.room-button[active]{background-color:rgba(var(--text-color), 0.06);opacity:1;border-radius:.3rem;color:var(--accent-color)}.room-button[active] .icon{fill:var(--accent-color)}table{border-collapse:collapse;width:-webkit-max-content;width:-moz-max-content;width:max-content}.tr{margin:.5rem}.tr:nth-of-type(even){background:rgba(var(--text-color), 0.1)}.td{padding:.6rem .8rem;white-space:nowrap}#ico_page__carousel{width:min(36rem, 100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color), 1);border:solid rgba(var(--text-color), 1) .1rem;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color), 0.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width: 640px){.hide-on-mobile{display:none}.floor-label{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.floor-label .floor-title{opacity:0;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.floor-label--active{opacity:1}.floor-label--active .floor-title{opacity:1;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2);-webkit-transform:none;transform:none}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}}@media only screen and (min-width: 640px){.page{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.5rem 2rem}.common-padding{padding:0 2rem}#home_page{grid-template-columns:8rem 1fr}#floor_line_map{margin-left:.8rem}.outlet-preview{padding-top:3rem}#elevator_sections{gap:3rem;grid-template-columns:auto 1fr}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}scroll-tab-header{--grid-auto-flow: row}.auto-grid-layout{grid-template-columns:auto 1fr}.investor__image{width:8rem}}@media only screen and (min-width: 1280px){.page{grid-template-columns:1fr 80vw 1fr}#elevator_popup{--width: min(100%, 54rem) }}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}body[data-theme=dark] .outlet-preview:hover{z-index:1;-webkit-box-shadow:rgba(0,0,0,.3) 0px 48px 100px 0px;box-shadow:rgba(0,0,0,.3) 0px 48px 100px 0px}.outlet-preview:hover{z-index:1;-webkit-box-shadow:rgba(0,0,0,.15) 0px 48px 100px 0px;box-shadow:rgba(0,0,0,.15) 0px 48px 100px 0px}.page-link{cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.page-link:hover{color:var(--accent-color)}.page-link:hover .icon{fill:var(--accent-color)}.floor__button:hover{background:rgba(var(--text-color), 0.2)}}
\ No newline at end of file
+*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto Slab",serif}body{--accent-color: #1042e9;--light-shade: rgba(var(--text-color), 0.06);--text-color: 17, 17, 17;--text-color-light: 100, 100, 100;--foreground-color: 255, 255, 255;--background-color: #efefef;--error-color: red;--red: #E84545;color:rgba(var(--text-color), 1);height:calc(100%);font-size:clamp(1rem, 1.2vmax, 3rem);background:#f3f3f3}body[data-theme=dark]{--accent-color:#2fb3ff;--text-color: 240, 240, 240;--text-color-light: 170, 170, 170;--foreground-color: 20, 20, 20;--error-color: rgb(255, 106, 106);background:#0a0a0a}body[data-theme=dark] #outlet_switcher{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--text-color), 0.06)), to(rgba(var(--text-color), 0.06))),rgba(var(--foreground-color), 1);background:linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)),rgba(var(--foreground-color), 1)}body[data-theme=dark] .outlet-preview{background-color:#0a0a0a}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}p{max-width:60ch;line-height:1.7}img{-o-object-fit:cover;object-fit:cover}button{position:relative;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background:none;cursor:pointer;outline:none;color:inherit;font-weight:500;-webkit-tap-highlight-color:transparent}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color), 1)}.button--primary .icon{fill:rgba(var(--foreground-color), 1)}button:focus-visible{outline:rgba(var(--text-color), 1) .1rem solid}sm-input,sm-textarea{--border-radius: 0.2rem;--background: rgba(var(--text-color), 0.06)}sm-button{--border-radius: 0.2rem}sm-tab-header{-ms-flex-item-align:start;align-self:flex-start}ul{list-style:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.pos-relative{position:relative}.align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-center{text-align:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-right{margin-left:auto}.align-self-center{-ms-flex-item-align:center;align-self:center}.justify-self-center{justify-self:center}.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.margin-left-0-5{margin-left:.5rem}.margin-right-0-5{margin-right:.5rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none !important}.no-transformations{-webkit-transform:none !important;transform:none !important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);background:rgba(var(--text-color), 0.16);pointer-events:none}.interact{position:relative;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color), 0.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-0.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.button__icon--left{margin-right:.5rem}.button__icon--right{margin-left:.5rem}.color-0-9{color:rgba(var(--text-color), 0.9)}.color-0-8{color:rgba(var(--text-color), 0.8)}.color-0-7{color:rgba(var(--text-color), 0.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.popup__header__close{padding:.5rem;cursor:pointer}#elevator_button_panel{gap:1rem;grid-template-columns:repeat(3, 1fr)}.floor__button{padding:1rem;height:4rem;width:4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:.5rem;font-size:1.5rem;font-weight:900;background:rgba(var(--text-color), 0.06)}.floor__button--active{background:rgba(var(--text-color), 0.2);-webkit-box-shadow:0 0 0 .4rem rgba(var(--text-color), 1) inset;box-shadow:0 0 0 .4rem rgba(var(--text-color), 1) inset}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3, 1fr)}#elevator_button{justify-self:flex-start;margin-left:-1rem}#main_logo{justify-self:center}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-switcher .icon{position:absolute;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s, -webkit-transform .6s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{-webkit-transform:scale(0) rotate(90deg);transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{-webkit-transform:scale(0) rotate(-90deg);transform:scale(0) rotate(-90deg)}.page{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}#home_page{overflow-y:auto;max-height:calc(100vh - 5rem);grid-template-columns:2rem 1fr;background:url(../assets/bg/homepage-bg.svg) no-repeat center;background-size:cover}#floor_line_map{position:-webkit-sticky;position:sticky;top:1rem;height:40vh;z-index:5;grid-template-columns:2rem 1fr;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-0.5rem;background:rgba(var(--foreground-color), 1);border:solid .2rem var(--red);-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear, -webkit-transform .1s linear;z-index:5}.line-map__bar{width:.1rem;height:100%;border-radius:1rem;background:var(--red)}.floor-label{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:.75rem;margin-top:-0.9rem;padding-bottom:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.floor-label--active .floor-title{opacity:1;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2)}.floor-circle{position:absolute;height:.5rem;width:.5rem;background:rgba(var(--text-color), 1);border-radius:1rem}.floor-title{opacity:.5;font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;background:rgba(var(--foreground-color), 1);-webkit-transition:opacity .3s,-webkit-box-shadow .3s;transition:opacity .3s,-webkit-box-shadow .3s;transition:box-shadow .3s,opacity .3s;transition:box-shadow .3s,opacity .3s,-webkit-box-shadow .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.big-icon{height:2rem;width:2rem}#floor_1__outlets{margin:3rem 0;gap:1.5rem}.outlet-preview{background-color:#f3f3f3;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid}.outlet-preview__info{padding:1rem}.outlet__title{font-weight:700;font-size:1.8rem;margin-bottom:.8rem;text-transform:capitalize}.outlet__description{color:rgba(var(--text-color), 0.8)}.outlet-preview__border{position:absolute;height:100%;width:100%;-webkit-box-shadow:0 0 0 .1rem rgba(var(--text-color), 0.3) inset;box-shadow:0 0 0 .1rem rgba(var(--text-color), 0.3) inset;border-radius:.5rem}.outlet-preview__button{justify-self:flex-start}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.5rem}sm-carousel{position:relative;height:100%;padding:1.5rem 1.5rem 4rem 1.5rem;background:rgba(var(--foreground-color), 1);--arrow-left: 1.5rem;--arrow-right: 1.5rem;--arrow-fill: rgba(var(--text-color), 1);--arrow-background: transparent;--arrow-box-shadow: none;--arrow-bottom: -3.5rem;--indicator-bottom: -2.5rem}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.investor-card{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:5rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;background:rgba(var(--foreground-color), 1);-webkit-box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__button{font-size:1rem;padding:.4rem 0}.outlet_switcher__button--active{color:var(--accent-color)}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--red)}.outlet-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-self:flex-start;color:var(--accent-color);margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--accent-color);margin-right:.5rem}scroll-tab-header,scroll-tab-panels{--border-radius: 0.5rem}scroll-tab-header{position:-webkit-sticky;position:sticky;top:0;--gap: 0.5rem;--padding: 0.5rem;margin-right:1.5rem;--background: linear-gradient(rgba(var(--text-color), 0.04), rgba(var(--text-color), 0.04)), rgba(var(--foreground-color), 1);--grid-auto-flow: column;justify-self:flex-start;z-index:1}scroll-tab-panels{--height: max(24rem, 50vh);--gap: 4rem;--background: transparent;-ms-scroll-chaining:none;overscroll-behavior:contain}scroll-tab-panels>*{min-height:max(24rem, 50vh);margin-bottom:6rem;opacity:.4;-webkit-transition:opacity .6s;transition:opacity .6s}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto}.grid-2{grid-template-columns:auto 1fr}.room-button{font-weight:500;font-size:1.1rem;opacity:.6;-webkit-transition:opacity .3s,background-color .3s;transition:opacity .3s,background-color .3s;padding:.6rem .8rem}.room-button[active]{background-color:rgba(var(--text-color), 0.06);opacity:1;border-radius:.3rem;color:var(--accent-color)}.room-button[active] .icon{fill:var(--accent-color)}table{border-collapse:collapse;width:-webkit-max-content;width:-moz-max-content;width:max-content}.tr{margin:.5rem}.tr:nth-of-type(even){background:rgba(var(--text-color), 0.1)}.td{padding:.6rem .8rem;white-space:nowrap}#ico_page__carousel{width:min(36rem, 100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color), 1);border:solid rgba(var(--text-color), 1) .1rem;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color), 0.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width: 640px){.hide-on-mobile{display:none}.floor-label{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.floor-label .floor-title{opacity:0;-webkit-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.floor-label--active{opacity:1}.floor-label--active .floor-title{opacity:1;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2);-webkit-transform:none;transform:none}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}}@media only screen and (min-width: 640px){.page{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#home_page{grid-template-columns:1fr 80vw 1fr}#floor_line_map{margin-left:.8rem}#floor_1__outlets{gap:4rem}.outlet-preview{gap:1rem;grid-template-columns:repeat(2, 1fr)}.carousel-holder{-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:translateY(-2rem);transform:translateY(-2rem);z-index:1}.carousel-holder sm-carousel{border-radius:.5rem}.carousel-holder--left{grid-row:1/2;grid-column:1/2;-webkit-box-shadow:-2rem 5rem 4rem -2rem rgba(0,0,0,.2);box-shadow:-2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.carousel-holder--left~.outlet-preview__border{justify-self:flex-end}.carousel-holder--right{-webkit-box-shadow:2rem 5rem 4rem -2rem rgba(0,0,0,.2);box-shadow:2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.outlet-preview__border{width:66%}#elevator_sections{gap:3rem;grid-template-columns:auto 1fr}.outlet-preview__info{padding:2rem 3rem}.outlet-preview__carousel{padding:2rem 3rem 5rem 3rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}scroll-tab-header{--grid-auto-flow: row}.auto-grid-layout{grid-template-columns:auto 1fr}.investor__image{width:8rem}}@media only screen and (min-width: 1280px){.page{grid-template-columns:1fr 80vw 1fr}#elevator_popup{--width: min(100%, 54rem) }.grid-3{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid-3>.grid{width:100%}.grid-3>.grid:not(:last-of-type){position:relative}.grid-3>.grid:not(:last-of-type)::after{content:"";position:absolute;height:4rem;width:1px;right:.5rem;background-color:var(--red)}}@media only screen and (min-width: 1920px){.page,#home_page{grid-template-columns:1fr 60vw 1fr}}@media(any-hover: hover){::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color), 0.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color), 0.5)}.page-link{cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.page-link:hover{color:var(--accent-color)}.page-link:hover .icon{fill:var(--accent-color)}.floor__button:hover{background:rgba(var(--text-color), 0.2)}}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index 662c71f..bbc6e97 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -3,7 +3,7 @@
     margin: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    font-family: 'Roboto', serif;
+    font-family: 'Roboto Slab', serif;
 }
 
 body {
@@ -14,11 +14,11 @@ body {
     --foreground-color: 255, 255, 255;
     --background-color: #efefef;
     --error-color: red;
-    --red: #e8505b;
+    --red: #E84545;
     color: rgba(var(--text-color), 1);
     height: calc(100%);
     font-size: clamp(1rem, 1.2vmax, 3rem);
-    background: rgba(var(--text-color), 0.04);
+    background: #F3F3F3;
 }
 body[data-theme='dark']{
     --accent-color:#2fb3ff;
@@ -26,17 +26,13 @@ body[data-theme='dark']{
     --text-color-light: 170, 170, 170;
     --foreground-color: 20, 20, 20;
     --error-color: rgb(255, 106, 106);
-    background: rgba(var(--foreground-color), 1);
-    .outlet-preview{
-        background: rgba(var(--text-color), 0.02);
-        box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px -1px, rgba(0, 0, 0, 0.4) 0px 1px 3px -1px;
-        sm-carousel{
-            border-top: dashed 0.5rem rgba(var(--foreground-color), 0.7);
-        }
-    }
+    background: #0a0a0a;
     #outlet_switcher{
         background: linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)), rgba(var(--foreground-color), 1);
     }
+    .outlet-preview{
+        background-color: #0a0a0a;
+    }
 }
 
 .full-bleed{
@@ -44,7 +40,7 @@ body[data-theme='dark']{
 }
 
 .h1, .h2, .h3, .h4, .h5{
-    font-family: 'Roboto Slab', serif;
+    // font-family: 'Lorr', serif;
 }
 .h1{
     font-size: 2.5rem;
@@ -71,7 +67,7 @@ body[data-theme='dark']{
 
 p {
     max-width: 60ch;
-    line-height: 1.5;
+    line-height: 1.7;
 }
 
 img{
@@ -126,7 +122,7 @@ ul{
     display: grid;
 }
 .grid-3{
-    grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
 }
 .flow-column{
     grid-auto-flow: column;
@@ -340,6 +336,7 @@ ul{
 }
 #elevator_button{
     justify-self: flex-start;
+    margin-left: -1rem;
 }
 #main_logo{
     justify-self: center;
@@ -354,18 +351,19 @@ ul{
     width: 1.5rem;
     height: 1.5rem;
     cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
     .icon{
         position: absolute;
-        transition: transform 0.3s;
+        transition: transform 0.6s;
     }
 }
 .theme-switcher__checkbox{
     display: none;
     &:checked ~ .moon-icon{
-        transform: scale(0);
+        transform: scale(0) rotate(90deg);
     }
     &:not(:checked) ~ .sun-icon{
-        transform: scale(0);
+        transform: scale(0)  rotate(-90deg);
     }
 }
 
@@ -383,19 +381,15 @@ ul{
     padding: 0.4rem 0.6rem;
 }
 
-.common-padding{
-    padding: 0 1rem;
-}
-
 #home_page{
     overflow-y: auto;
     max-height: calc(100vh - 5rem);
-    padding: 0;
     grid-template-columns: 2rem 1fr;
+    background: url(../assets/bg/homepage-bg.svg) no-repeat center;
+    background-size: cover;
 }
 
 #floor_line_map{
-    position: relative;
     position: sticky;
     top: 1rem;
     height: 40vh;
@@ -472,42 +466,56 @@ ul{
 }
 
 #floor_1__outlets{
-    margin: 1rem 0;
-    gap: 1rem;
-    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+    margin: 3rem 0;
+    gap: 1.5rem;
 }
 
 .outlet-preview{
-    padding-top: 2rem;
-    background: rgba(var(--foreground-color), 1);
-    border-radius: 0.5rem;
-    transition: box-shadow 0.3s;
-    sm-carousel{
-        border-top: dashed 0.5rem rgba(var(--foreground-color), 1);
-    }
+    background-color: #F3F3F3;
+    position: relative;
+    align-items: center;
+    display: grid;
+}
+.outlet-preview__info{
+    padding: 1rem;
 }
 .outlet__title{
     font-weight: 700;
+    font-size: 1.8rem;
+    margin-bottom: 0.8rem;
     text-transform: capitalize;
 }
 .outlet__description{
     color: rgba(var(--text-color), 0.8);
 }
-.outlet-preview__button{}
+.outlet-preview__border{
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 0.3) inset;
+    border-radius: 0.5rem;
+}
+.outlet-preview__button{
+    justify-self: flex-start;
+}
+
+.outlet-preview__carousel{
+}
 
 .label{
     position: relative;
     font-size: 0.8rem;
-    color: var(--accent-color);
     margin-bottom: 0.3rem;
 }
+.value{
+    font-size: 1.5rem;
+}
 
 sm-carousel{
     position: relative;
     height: 100%;
-    background: rgba(var(--text-color), 0.06);
-    padding-bottom: 4rem;
-    padding-top: 1.5rem;
+    padding: 1.5rem 1.5rem 4rem 1.5rem;
+    background: rgba(var(--foreground-color), 1);
     --arrow-left: 1.5rem;
     --arrow-right: 1.5rem;
     --arrow-fill: rgba(var(--text-color), 1);
@@ -748,24 +756,53 @@ table{
         font-size: 1.1rem;
     }
     #main_header{
-        padding: 1.5rem 2rem;
-    }
-    .common-padding{
-        padding: 0 2rem;
+        padding: 1.2rem 2rem;
     }
     #home_page{
-        grid-template-columns: 8rem 1fr;
+        grid-template-columns: 1fr 80vw 1fr;
     }
     #floor_line_map{
         margin-left: 0.8rem;
     }
+    #floor_1__outlets{
+        gap: 4rem;
+    }
     .outlet-preview{
-        padding-top: 3rem;
+        gap: 1rem;
+        grid-template-columns: repeat(2, 1fr);
+    }
+    .carousel-holder{
+        align-self: flex-start;
+        transform: translateY(-2rem);
+        z-index: 1;
+        sm-carousel{
+            border-radius: 0.5rem;
+        }
+        &--left{
+            grid-row: 1/2;
+            grid-column: 1/2;
+            box-shadow: -2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);  
+            & ~ .outlet-preview__border{
+                justify-self: flex-end;
+            }
+        }
+        &--right{
+            box-shadow: 2rem 5rem 4rem -2rem rgba(0, 0, 0, 0.2);
+        }
+    }
+    .outlet-preview__border{
+        width: 66%;
     }
     #elevator_sections{
         gap: 3rem;
         grid-template-columns: auto 1fr;
     }
+    .outlet-preview__info{
+        padding: 2rem 3rem;
+    }
+    .outlet-preview__carousel{
+        padding: 2rem 3rem 5rem 3rem;
+    }
     #outlet_switcher{
         padding: 1rem 1.5rem;
     }
@@ -789,8 +826,29 @@ table{
     #elevator_popup{
         --width: min(100%, 54rem)
     }
+    .grid-3{
+        justify-content: center;
+        & > .grid{
+            width: 100%;
+        }
+        & > .grid:not(:last-of-type){
+            position: relative;
+            &::after{
+                content: '';
+                position: absolute;
+                height: 4rem;
+                width: 1px;
+                right: 0.5rem;
+                background-color: var(--red);
+            }
+        }
+    }
+}
+@media only screen and (min-width: 1920px) {
+    .page, #home_page{
+        grid-template-columns: 1fr 60vw 1fr;
+    }
 }
-
 @media (any-hover: hover){
     ::-webkit-scrollbar{
         width: 0.5rem;
@@ -804,16 +862,6 @@ table{
             background: rgba(var(--text-color), 0.5);
         }
     }
-    body[data-theme='dark']{
-        .outlet-preview:hover{
-            z-index: 1;
-            box-shadow: rgba(0, 0, 0, 0.3) 0px 48px 100px 0px;
-        }
-    }
-    .outlet-preview:hover{
-        z-index: 1;
-        box-shadow: rgba(0, 0, 0, 0.15) 0px 48px 100px 0px;
-    }
     .page-link{
         cursor: pointer;
         transition: color 0.3s;
diff --git a/index.html b/index.html
index 1cade44..3b1d30c 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
     <link rel="shortcut icon" href="assets/RM logo.png" type="image/png">
     <link rel="stylesheet" href="css/main.min.css">
     <link rel="preconnect" href="https://fonts.gstatic.com">
-    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;700;900&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&family=Roboto+Slab:wght@400..900&display=swap" rel="stylesheet">
 </head>
 <body data-theme="light">
     <audio id="notification_sound">
@@ -37,16 +37,16 @@
     <!-- Component templates -->
 
     <template id="bit_bond_row">
-        <div class="bit-bond-series__row grid grid-3 gap-1 common-padding">
-            <div class="flex direction-column">
+        <div class="bit-bond-series__row grid grid-3 gap-1">
+            <div class="grid">
                 <h5 class="label color-0-8 weight-500">Series</h5>
                 <h3 class="value original-value"></h3>
             </div>
-            <div class="flex direction-column">
+            <div class="grid">
                 <h5 class="label color-0-8 weight-500">Current value</h5>
                 <h3 class="value current-value"></h3>
             </div>
-            <div class="flex direction-column">
+            <div class="grid">
                 <h5 class="label color-0-8 weight-500">Time Elapsed</h5>
                 <h3 class="value time-elapsed"></h3>
             </div>
@@ -54,21 +54,21 @@
     </template>
 
     <template id="bob_fund_row">
-        <div class="bob-fund__row grid gap-1-5 common-padding">
-            <div class="flex direction-column">
+        <div class="bob-fund__row grid gap-1-5">
+            <div class="grid">
                 <h5 class="label color-0-8 weight-500">Investor</h5>
                 <h3 class="value investor__name"></h3>
             </div>
             <div class="grid grid-3 gap-1">
-                <div class="flex direction-column">
+                <div class="grid">
                     <h5 class="label color-0-8 weight-500">Invested</h5>
                     <h3 class="value original-value"></h3>
                 </div>
-                <div class="flex direction-column">
+                <div class="grid">
                     <h4 class="label color-0-8 weight-500">Current value</h4>
                     <h3 class="value current-value"></h3>
                 </div>
-                <div class="flex direction-column">
+                <div class="grid">
                     <h4 class="label color-0-8 weight-500">Time Elapsed</h4>
                     <h3 class="value time-elapsed"></h3>
                 </div>
@@ -77,13 +77,13 @@
     </template>
 
     <template id="ico_investor_row">
-        <div class="investor-card grid gap-1-5 common-padding">
+        <div class="investor-card grid gap-1-5">
             <img class="investor__image" src="" alt="" loading="lazy">
-            <div class="flex direction-column">
+            <div class="grid">
                 <h3 class="investor__name value capitalize"></h3>
                 <p class="investor__bio color-0-8"></p>
             </div>
-            <div class="flex direction-column investor__contribution-container">
+            <div class="grid investor__contribution-container">
                 <h4 class="label color-0-8 weight-500">Contribution</h4>
                 <p class="investor__contribution weight-700"></p>
             </div>
@@ -128,13 +128,13 @@
                 <h5 class="h5 margin-bottom-2r">Floors</h5>
                 <ul id="elevator_button_panel" class="grid">
                     <li>
-                        <button class="button floor__button floor__button--active" data-target="first_floor">1</button>
+                        <button class="button floor__button" data-target="floor_1">1</button>
                     </li>
                     <li>
-                        <button class="button floor__button" data-target="second_floor">2</button>
+                        <button class="button floor__button" data-target="floor_2">2</button>
                     </li>
                     <li>
-                        <button class="button floor__button" data-target="third_floor">3</button>
+                        <button class="button floor__button" data-target="floor_3">3</button>
                     </li>
                 </ul>
             </section>
@@ -163,7 +163,12 @@
     <!--  -->
 
     <header id="main_header" class="grid align-center full-bleed">
-        <button id="elevator_button" class="button" onclick="showPopup('elevator_popup')">Elevator</button>
+        <button id="elevator_button" class="button" onclick="showPopup('elevator_popup')">
+            <svg class="icon button__icon--left" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 3L16.3301 10.5H7.66987L12 3Z"/><path d="M12 21L7.66987 13.5L16.3301 13.5L12 21Z"/></svg>
+            <span class="button__label">
+                Elevator
+            </span>
+        </button>
         <div id="main_logo" class="flex align-center page-link" data-target="home_page">
             <svg id="main_header__logo" class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.46,21.32C20,19.78,18.6,18.59,15.3,17a12.67,12.67,0,0,1-2.64-1.56,4.27,4.27,0,0,1-.79-1,2.6,2.6,0,0,1,0-1.41c.24-.68.49-1,2.43-2.85a7.18,7.18,0,0,0,2.09-2.92,4.25,4.25,0,0,0,0-1.77,6.52,6.52,0,0,0-2.85-3.11c-.56-.36-.81-.4-.81-.15a2.33,2.33,0,0,1-.18.45L12.4,3l-.53-.36c-.28-.21-.64-.41-.77-.49s-.46-.11-.46,0a6.21,6.21,0,0,1-.37.83s-.08,0-.17-.08c-1.15-.83-1.64-1-1.64-.73A7.33,7.33,0,0,1,7.7,3.65C6.48,5.68,5.24,6.7,4,6.7c-.56,0-.54,0-.37.64s.2.58.68.43a3.37,3.37,0,0,0,1.09-.54.86.86,0,0,1,.3-.17,1.34,1.34,0,0,1,.13.39.79.79,0,0,0,.17.4A3.5,3.5,0,0,0,7.37,7.3L7.8,7l.09.34c.12.45.19.51.62.39a4.25,4.25,0,0,0,2.17-1.54l.38-.45,0,.39A5.92,5.92,0,0,1,8.89,9.54L7.67,10.71c-2,1.93-1.89,3.51.37,5a27.41,27.41,0,0,0,2.89,1.51c.17.07.62.32,1,.54C14,19,15,20.23,15,21.48a2,2,0,0,0,0,.49h0c0,.05,0,.05.56-.1a1.89,1.89,0,0,0,.53-.21,2.41,2.41,0,0,0-.34-1.15,7.05,7.05,0,0,0-1.68-1.77,21.91,21.91,0,0,0-3.2-1.83A9.53,9.53,0,0,1,8.16,15.2a2.18,2.18,0,0,1-.74-1.55C7.42,12.79,7.86,12,9,11c1.77-1.64,2.45-2.45,2.92-3.55a2.28,2.28,0,0,0,.26-1.26A2,2,0,0,0,12,5.06l-.2-.45L12,4.3l.28-.49.09-.18L12.6,4a3.69,3.69,0,0,1,.61,1.76A3.47,3.47,0,0,1,12.94,7l-.09.25s-.21.37-.41.69A17.78,17.78,0,0,1,9.91,10.6c-1.07,1-1.43,1.62-1.47,2.47a2.05,2.05,0,0,0,.7,1.73,10.47,10.47,0,0,0,3.28,2.08c2.28,1.13,3.26,1.81,4,2.73a2.94,2.94,0,0,1,.74,1.75,1.26,1.26,0,0,0,.09.57.48.48,0,0,0,.26,0l.51-.13.29-.08,0-.28c-.13-1-1-2-2.47-3a25.52,25.52,0,0,0-3.26-1.77,8.59,8.59,0,0,1-2.23-1.43,2.09,2.09,0,0,1-.5-2.62c.26-.53.5-.83,2.35-2.6,1.51-1.45,2.15-2.58,2.15-3.79A3.67,3.67,0,0,0,13,3.48a3,3,0,0,1-.4-.42A1.85,1.85,0,0,1,13,2.33a6.74,6.74,0,0,1,1.83,1.73,2.62,2.62,0,0,1,.47,1.68,3,3,0,0,1-.55,1.84c-.45.78-.79,1.14-2.67,2.93a5.56,5.56,0,0,0-1.3,1.64,1.77,1.77,0,0,0-.21,1,1.76,1.76,0,0,0,.19.92,6.28,6.28,0,0,0,2.9,2.34,21.6,21.6,0,0,1,3.66,2c1.35,1,2,2,2,3a1.06,1.06,0,0,0,.05.47,2.83,2.83,0,0,0,1-.24C20.56,21.68,20.56,21.66,20.46,21.32ZM7.29,6.4h0a2.23,2.23,0,0,1-.9.28L6,6.72l.43-.53a15.22,15.22,0,0,0,1.89-3,3.52,3.52,0,0,1,.38-.67c.07-.08.49.2,1,.64l.39.35L9.66,4A6.7,6.7,0,0,1,7.29,6.4Zm3.58-1.11A5.8,5.8,0,0,1,9.25,6.51h0a3.3,3.3,0,0,1-.74.17l-.35,0,.39-.49a15.64,15.64,0,0,0,1.32-2,4.63,4.63,0,0,1,.28-.49c.06-.08.33.26.57.77l.28.57Zm1-1.4a1.63,1.63,0,0,1-.28.4A6.63,6.63,0,0,1,11,3.72l-.53-.56.12-.29c.2-.49.24-.51.64-.19a5.57,5.57,0,0,1,.85.78A2.78,2.78,0,0,1,11.87,3.89Z"/></svg>
             <h4 class="h4 header__company-name">RanchiMall</h4>
@@ -174,7 +179,7 @@
             <svg class="icon sun-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></svg>
         </label>
     </header>
-    <article id="home_page" class="page hide-completely full-bleed">
+    <article id="home_page" class="page hide-completely">
         <aside id="floor_line_map" class="grid">
             <div class="flex line-map justify-center">
                 <div id="floor_line_map__circle" class="line-map__circle"></div>
@@ -184,51 +189,60 @@
         </aside>
         <main id="floor_container" class="grid">
             <section id="floor_1" class="floor">
-                <span class="flex align-center margin-bottom-1-5r">
+<!--                 <span class="flex align-center margin-bottom-1-5r">
                     <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242zm-2 .73a4.496 4.496 0 0 1-3.75-1.36A4.496 4.496 0 0 1 12 14.001a4.496 4.496 0 0 1-3.25-1.387A4.496 4.496 0 0 1 5 13.973V20h14v-6.027zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z"/></svg>
                     <h4 class="h4 weight-500">
                         Outlets
                     </h4>
-                </span>
+                </span> -->
                 <main id="floor_1__outlets" class="grid">
-                    <div id="bit_bond_outlet" class="flex direction-column card outlet-preview carousel-container">
-                        <div class="flex direction-column common-padding margin-bottom-1-5r">
-                            <h3 class="h3 outlet__title margin-bottom-1r">bitcoin bonds</h3>
+                    <div id="bit_bond_outlet" class="outlet-preview carousel-container">
+                        <div class="grid outlet-preview__info">
+                            <h3 class="outlet__title">bitcoin bonds</h3>
                             <p class="outlet__description margin-bottom-1-5r">
                                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
                             </p>
-                            <button class="button page-link outlet-preview__button justify-right" data-target="bitbonds">
+                            <button class="button page-link outlet-preview__button" data-target="bitbonds">
                                 <span class="button__label">VISIT</span>
                                 <svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16 12l-6 6V6z"/></svg>
                             </button>
                         </div>
-                        <sm-carousel id="bit_bond_series__container" indicator></sm-carousel>
+                        <div class="grid carousel-holder carousel-holder--right">
+                            <sm-carousel id="bit_bond_series__container" class="outlet-preview__carousel" indicator></sm-carousel>
+                        </div>
+                        <div class="outlet-preview__border"></div>
                     </div>
-                    <div id="bob_fund_outlet" class="flex direction-column card outlet-preview carousel-container">
-                        <div class="flex direction-column margin-bottom-1-5r common-padding">
-                            <h3 class="h3 outlet__title margin-bottom-1r">Bob's Fund</h3>
+                    <div id="bob_fund_outlet" class="outlet-preview carousel-container">
+                        <div class="grid outlet-preview__info">
+                            <h3 class="outlet__title">Bob's Fund</h3>
                             <p class="outlet__description margin-bottom-1-5r">
                                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
                             </p>
-                            <button class="button page-link outlet-preview__button justify-right" data-target="bob'sfund">
+                            <button class="button page-link outlet-preview__button" data-target="bob'sfund">
                                 <span class="button__label">VISIT</span>
                                 <svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16 12l-6 6V6z"/></svg>
                             </button>
                         </div>
-                        <sm-carousel id="bob_fund_investors__container" indicator></sm-carousel>
+                        <div class="grid carousel-holder carousel-holder--left">
+                            <sm-carousel id="bob_fund_investors__container" class="outlet-preview__carousel" indicator></sm-carousel>
+                        </div>
+                        <div class="outlet-preview__border"></div>
                     </div>
-                    <div id="ico_outlet" class="flex direction-column card outlet-preview carousel-container">
-                        <div class="flex direction-column margin-bottom-1-5r common-padding">
-                            <h3 class="h3 outlet__title margin-bottom-1r">ICO</h3>
+                    <div id="ico_outlet" class="outlet-preview carousel-container">
+                        <div class="grid outlet-preview__info">
+                            <h3 class="outlet__title">ICO</h3>
                             <p class="outlet__description margin-bottom-1-5r">
                                 Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
                             </p>
-                            <button class="button page-link outlet-preview__button justify-right" data-target="ico">
+                            <button class="button page-link outlet-preview__button" data-target="ico">
                                 <span class="button__label">VISIT</span>
                                 <svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16 12l-6 6V6z"/></svg>
                             </button>
                         </div>
-                        <sm-carousel id="ico_investors__container" indicator></sm-carousel>
+                        <div class="grid carousel-holder carousel-holder--right">
+                            <sm-carousel id="ico_investors__container" class="outlet-preview__carousel" indicator></sm-carousel>
+                        </div>
+                        <div class="outlet-preview__border"></div>
                     </div>
                 </main>
             </section>
@@ -262,14 +276,14 @@
         </section>
     </div>
 
-    <article id="bitbonds" class="page flex direction-column hide-completely">
+    <article id="bitbonds" class="page grid hide-completely">
         <section class="outlet-hero-section margin-bottom-3r">
             <button class="outlet-label">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242zm-2 .73a4.496 4.496 0 0 1-3.75-1.36A4.496 4.496 0 0 1 12 14.001a4.496 4.496 0 0 1-3.25-1.387A4.496 4.496 0 0 1 5 13.973V20h14v-6.027zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z"/></svg>
                 Outlet
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"/></svg>
             </button>
-            <h1 class="h1 weight-900 margin-bottom-1r">BitCoin Bonds</h1>
+            <h2 class="h2 weight-700 margin-bottom-1r">BitCoin Bonds</h2>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore nihil quisquam harum quo mollitia sunt!</p>
         </section>
         <h3 class="h3 margin-bottom-1r">Rooms</h3>
@@ -330,14 +344,14 @@
         </div>
     </article>
 
-    <article id="bob'sfund" class="page flex direction-column hide-completely">
+    <article id="bob'sfund" class="page grid hide-completely">
         <section class="outlet-hero-section margin-bottom-3r">
             <button class="outlet-label">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242zm-2 .73a4.496 4.496 0 0 1-3.75-1.36A4.496 4.496 0 0 1 12 14.001a4.496 4.496 0 0 1-3.25-1.387A4.496 4.496 0 0 1 5 13.973V20h14v-6.027zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z"/></svg>
                 Outlet
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"/></svg>
             </button>
-            <h1 class="h1 weight-900 margin-bottom-1r">Bob's Fund</h1>
+            <h2 class="h2 weight-700 margin-bottom-1r">Bob's Fund</h2>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore nihil quisquam harum quo mollitia sunt!</p>
         </section>
         <h3 class="h3 margin-bottom-1r">Rooms</h3>
@@ -368,14 +382,14 @@
         </div>
     </article>
 
-    <article id="ico" class="page flex direction-column hide-completely">
+    <article id="ico" class="page grid hide-completely">
         <section class="outlet-hero-section grid margin-bottom-3r">
             <button class="outlet-label">
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242zm-2 .73a4.496 4.496 0 0 1-3.75-1.36A4.496 4.496 0 0 1 12 14.001a4.496 4.496 0 0 1-3.25-1.387A4.496 4.496 0 0 1 5 13.973V20h14v-6.027zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z"/></svg>
                 Outlet
                 <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"/></svg>
             </button>
-            <h1 class="h1 weight-900 margin-bottom-1r">ICO</h1>
+            <h2 class="h2 weight-700 margin-bottom-1r">ICO</h2>
             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore nihil quisquam harum quo mollitia sunt!</p>
         </section>
         <h3 class="h3 margin-bottom-1r">Rooms</h3>
@@ -1192,18 +1206,18 @@
 
         const outletObserver = new IntersectionObserver( entries => {
             entries.forEach(entry => {
-                if(window.innerWidth < 640){
+                // if(window.innerWidth < 640){
                     if(entry.isIntersecting){
                         entry.target.querySelector('sm-carousel').startAutoPlay()
                     }
                     else{
                         entry.target.querySelector('sm-carousel').stopAutoPlay()
                     }
-                }
+                // }
             })
         },
         {
-            threshold: 0.9
+            threshold: 1
         })
 
         document.querySelectorAll('.carousel-container').forEach(outlet => outletObserver.observe(outlet))
@@ -1225,9 +1239,16 @@
                 hideOutletSwitcher()
             }
             else{
-                if(e.target.closest('.floor-label')){
-                    const label = e.target.closest('.floor-label')
+                if(e.target.closest('.floor-label, .floor__button')){
+                    const label = e.target.closest('.floor-label, .floor__button')
                     const target = label.dataset.target
+                    if(currentPage !== 'home_page'){
+                        history.pushState({type: 'page', id: 'home_page'}, null, `#${'home_page'}`)
+                        showPage('home_page')
+                    }
+                    if(getRef('elevator_popup').open){
+                        hidePopup()
+                    }
                     getRef('home_page').scrollTo({
                         top: getRef(target).getBoundingClientRect().top - getRef('home_page').getBoundingClientRect().top + getRef('home_page').scrollTop,
                         behavior: 'smooth'
@@ -1280,7 +1301,7 @@
 
         let activeOutletIndex = 0
         const allOutletCarousels = document.querySelectorAll('.outlet-preview sm-carousel')
-        function changeOutletFocus(){
+/*         function changeOutletFocus(){
             allOutletCarousels[activeOutletIndex].nextSlide()
             activeOutletIndex = activeOutletIndex + 1 < allOutletCarousels.length ? activeOutletIndex + 1 : 0 
 
@@ -1292,7 +1313,7 @@
         }
         setTimeout(() => {
             changeOutletFocus()
-        }, 5000);
+        }, 5000); */
 
         let currentPage = ''
 
@@ -1362,6 +1383,7 @@
         getRef('home_page').addEventListener('scroll', e => {
             throttle(updatePos, 1000 / 30)
         }, {passive: true})
+        
         function updatePos(){
             window.requestAnimationFrame(() => {
                 getRef('floor_line_map__circle').setAttribute('style', `transform: translateY(${(getScrollPercent()) * (floorLineMapPercent)}px)`)
@@ -1382,10 +1404,10 @@
         const floorObserver = new IntersectionObserver( entries => {
             entries.forEach(entry => {
                 if(entry.isIntersecting){
-                    document.querySelector(`[data-target="${entry.target.id}"]`).classList.add('floor-label--active')
+                    document.querySelector(`.floor-label[data-target="${entry.target.id}"]`).classList.add('floor-label--active')
                 }
                 else{
-                    document.querySelector(`[data-target="${entry.target.id}"]`).classList.remove('floor-label--active')
+                    document.querySelector(`.floor-label[data-target="${entry.target.id}"]`).classList.remove('floor-label--active')
                 }
             })
         },