Start of Vax & Me

public/styles/medium.css

@@ -0,0 +1,57 @@
+body {
+  padding: 7.5rem;
+  padding-top: 5rem;
+  height: calc(100vh - 12.5rem);
+}
+
+.logo {
+  width: 7.5rem;
+  height: 7.5rem;
+}
+.logo-text-container {
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+}
+.logo-text-container p:last-of-type {
+  margin-left: 0;
+}
+
+.symptom {
+  width: 100%;
+  max-width: 20rem;
+  display: inline-block;
+  margin-bottom: 0.75rem;
+}
+.symptom-emoji {
+  font-size: 3.5rem;
+  padding: 0.75rem;
+}
+.symptom-name {
+  font-size: 2.5rem;
+  text-align: center;
+}
+.symptom-chance {
+  font-size: 2.4rem;
+  text-align: center;
+}
+.symptom-chance:before {
+  font-size: 1.5rem;
+}
+.symptom-chance:after {
+  font-size: 1.5rem;
+}
+.symptom.at-site:first-of-type {
+  border-radius: 0;
+  border-top-left-radius: 1rem;
+  border-bottom-left-radius: 1rem;
+}
+.symptom.at-site:nth-of-type(3) {
+  border-radius: 0;
+  border-top-right-radius: 1rem;
+  border-bottom-right-radius: 1rem;
+}
+footer {
+  font-size: 1.7rem;
+  padding: 1.5rem;
+}