diff --git a/src/Home.tsx b/src/Home.tsx
index 95e5745..367bdb1 100644
--- a/src/Home.tsx
+++ b/src/Home.tsx
@@ -1,12 +1,7 @@
import * as React from "react";
import PlainLink from "./PlainLink";
-import PlatformContext, { FormFactor } from "./Platform/PlatformContext";
export default function Home() {
- const platformInfo = React.useContext(PlatformContext)
-
- const buttonStyle = platformInfo.formFactor === FormFactor.Wide ? "button" : "button-compact"
-
return (
<>
@@ -14,10 +9,10 @@ export default function Home() {
- Projects
+ Projects
- Resume
+ Resume
diff --git a/src/index.css b/src/index.css
index dac3d07..0a4b4df 100644
--- a/src/index.css
+++ b/src/index.css
@@ -68,31 +68,14 @@ body {
font-family: "Roboto", sans-serif;
}
-.button-compact {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- border-radius: 25px;
- box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.20000000298023224);
- padding-top: 1em;
- padding-right: 5em;
- padding-bottom: 1em;
- padding-left: 5em;
- border-color: rgba(255, 255, 255, 1);
- border-width: 1px;
- border-style: solid;
- background-color: rgba(255, 255, 255, 1);
- color: rgba(111, 111, 111, 1);
- font-size: 1.5em;
- letter-spacing: 0%;
- text-align: left;
- font-family: "Roboto", sans-serif;
-}
-
-.button-compact:hover {
- background-color: rgb(183, 213, 255);
- border-color: rgb(183, 213, 255);
+@media (max-width: 50em) {
+ .button {
+ padding-top: 1em;
+ padding-right: 5em;
+ padding-bottom: 1em;
+ padding-left: 5em;
+ font-size: 1.5em;
+ }
}
input[type="text"] {