v1.1.1/release styling fixes, add links

website/public/styles/extrasmall.css

@@ -8,6 +8,7 @@
 
 html {
   font-size: 10px;
+  scroll-behavior: smooth;
 }
 body {
   display: flex;
@@ -349,18 +350,14 @@ footer .by {
 .tip-container {
   display: flex;
   flex-direction: row;
-  padding: 2rem 4rem;
-  padding-left: 2rem;
+  padding: 2rem 0;
+  margin: 2rem 0;
   border-radius: 1rem;
   margin-bottom: 2rem;
-  border: 1px solid var(--color-secondary);
 }
 .tip-icon {
   font-size: 3rem;
 }
-.tip {
-  padding-left: 2rem;
-}
 .tip .overline {
   font-size: 1.6rem;
 }
@@ -373,6 +370,12 @@ footer .by {
   font-size: 6rem;
   letter-spacing: 0.5rem;
 }
+.tip-container .overline[data-button] {
+  margin-top: 1rem;
+}
+.tip-container .overline[data-button]:first-of-type {
+  margin-top: 2rem;
+}
 
 @keyframes loading {
   0% {
@@ -403,6 +406,9 @@ footer .by {
   margin-top: 5rem;
   flex-direction: column;
   margin-bottom: 2rem;
+  border: 1px solid var(--color-secondary);
+  border-radius: 1rem;
+  padding: 3rem 2rem;
 }
 
 .result-header-container .symptom-container {

website/public/styles/medium.css

@@ -104,11 +104,16 @@ footer {
   max-width: 50%;
 }
 
-.tip-container {
-  width: fit-content;
-  max-width: 45rem;
+.tip-container .overline[data-button] {
+  margin-top: 2rem;
+  margin-left: 0;
+}
+.tip-container .overline[data-button]:last-of-type {
+  margin-left: 1.2rem;
+}
+.tip {
+  padding-left: 2rem;
 }
-
 
 .result-header-container {
   flex-direction: row;