fix(scss): modifed some weird stuff

src/scss/style.scss

@@ -1,7 +1,5 @@
 $background: #232830;
 $foreground-text: #c0c5ce;
-$font-size: 1.5rem;
-$h1-size: 3rem;
 
 * {
   margin: 0;
@@ -23,7 +21,7 @@ body {
   color: $foreground-text;
   font-family: "Inter", sans-serif;
   text-rendering: optimizeLegibility;
-  font-size: $font-size;
+  font-size: 2rem;
   width: 60rem;
   padding: 0 2rem;
   margin: auto;
@@ -44,7 +42,6 @@ a {
 
 header {
   margin: 2rem 0;
-  height: $font-size;
 }
 
 footer {
@@ -62,8 +59,7 @@ hr {
 }
 
 h1 {
-  font-size: $h1-size;
-  height: $h1-size;
+  font-size: 3rem;
   margin-bottom: 1rem;
 }
 
@@ -85,6 +81,7 @@ ul {
   }
 }
 
+img,
 video {
   width: 100%;
   height: auto;
@@ -92,6 +89,15 @@ video {
   margin: 0 auto;
 }
 
+[data-chaffle="submit"],
+[data-chaffle="en"],
+[data-chaffle="ja"],
+[data-chaffle="ja-hiragana"],
+[data-chaffle="ja-katakana"],
+[data-chaffle="ua"] {
+  line-height: 1;
+}
+
 section {
   padding-left: 1rem;
   padding-bottom: 1rem;