feat: "rewrite" in pure HTML/CSS

1 files changed, 0 insertions, 79 deletions

diff --git a/src/app.scss b/src/app.scss
deleted file mode 100644
index fe57f71..0000000
--- a/src/app.scss
+++ /dev/null
@@ -1,79 +0,0 @@
-$font-min: 16px;
-$font-desired: calc((2.6vh + 8vw) / 2);
-$font-max: 32px;
-
-$icon-min: 50px;
-$icon-desired: calc((3.25vh + 10vw) / 2);
-$icon-max: 96px;
-
-*{
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  background-color: #1e1e2e;
-  color: #ccc;
-  font-family: 'Space Mono', monospace;
-  width: 100%;
-  font-size: clamp($font-min, $font-desired, $font-max);
-  position: fixed;
-  height: 100dvh;
-}
-
-.socials {
-  margin-top: 10px;
-}
-
-.social-icon {
-  width: clamp($icon-min, $icon-desired, $icon-max);
-}
-
-a {
-  color: #ccc;
-  text-decoration: none;
-  transition: color .25s ease-in-out;
-
-  &:hover {
-    color: #a6fbb2;
-    transition: color .25s ease-in-out;
-  }
-}
-
-a.icon {
-  margin-right: 2vw;
-}
-
-.container {
-  display: flex;
-  height: 100dvh;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  flex-direction: column;
-  width: 100%;
-}
-
-.main {
-  text-align: left;
-  line-height: 1.2;
-  margin: 20px;
-}
-
-.wave {
-  position: absolute;
-  top: 0;
-  max-width: 140vw;
-  max-height: 140vh;
-}
-
-.wave1 {
-  left: 0;
-  transform: rotate(-45deg) translate(-30%, -80%);
-}
-
-.wave2 {
-  right: 0;
-  transform: rotate(45deg) translate(50%, -90%);
-}