fixed padding

src/styles/main.scss

@@ -10,7 +10,6 @@ body {
   font-size: 16px;
   position: relative;
   min-height: 95vh;
-  
 }
 
 h1 {
@@ -45,7 +44,7 @@ main {
   border: 1px solid lighten($second-content-clr, 12%);
   min-width: 30vw;
   padding: 2vh;
-  padding-bottom: 30%;
+  padding-bottom: 32%;
   margin-inline: 10vw;
   margin-bottom: 11vh;
   background-repeat: no-repeat;
@@ -58,7 +57,7 @@ td {
   border-color: #ffffff00;
 }
 
-table{
+table {
   overflow: scroll;
   display: block;
 }
@@ -76,10 +75,8 @@ a {
     vertical-align: -0.125em;
     content: " ";
     $external_svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0  0  24  24'%3E%3Cpath fill='%23000' d='M14  3v2h3.59l-9.83  9.83l1.41  1.41L19  6.41V10h2V3m-2  16H5V5h7V3H5a2  2  0  0  0-2  2v14a2  2  0  0  0  2  2h14a2  2  0  0  0  2-2v-7h-2z'/%3E%3C/svg%3E");
-    -webkit-mask: $external_svg
-      no-repeat center;
-    mask: $external_svg
-      no-repeat center;
+    -webkit-mask: $external_svg no-repeat center;
+    mask: $external_svg no-repeat center;
     background-color: $link; // This will color the SVG
   }
   &.social::after {
@@ -125,8 +122,8 @@ figure {
   max-width: 50vw;
   background-color: #282a36;
   border-radius: 20px;
-  .frame.is-terminal .header::before{
-    background-color: gray!important;
+  .frame.is-terminal .header::before {
+    background-color: gray !important;
   }
 }
 
@@ -150,12 +147,12 @@ svg {
   margin-bottom: -2px;
 }
 
-img{
+img {
   max-width: 100%;
   max-height: 100%;
 }
 
-button{
+button {
   $button-color: #42b971;
   padding-block: 10px;
   padding-inline: 20px;
@@ -165,8 +162,8 @@ button{
   background-color: $button-color;
   border: 1px solid lighten($button-color, 12%);
   font-size: 18px;
-  &:active{
-    background-color: darken($button-color,10);
+  &:active {
+    background-color: darken($button-color, 10);
     transform: translateY(1px);
   }
-}
+}