fixed some stuff

src/pages/projects.astro

@@ -51,6 +51,14 @@ import ProjectCard from "../components/ProjectCard.astro";
         >The first Discord RPC plugin for the version 4 of the Godot game
         engine.
       </ProjectCard>
+      <ProjectCard
+        name="Astro.js GitHub Component"
+        href="https://github.com/vaporvee/astro-github-component"
+        >Adds a component to astro with statically built GitHub info and dynamic
+        updated stars and forks. Supports GitHub auth tokens in the built
+        process (use a .env for example) and dynamic stars/forks caching to
+        manage the GitHub API rate limiting.
+      </ProjectCard>
     </div>
   </main>
 </Layout>

src/styles/home.scss

@@ -59,7 +59,7 @@ main {
       }
 
       .continue {
-        margin-top: 100px;
+        margin-top: 40px !important;
         padding: 15px 50px;
         font-size: 22px;
         &:hover{
@@ -92,8 +92,8 @@ main {
     .avatar {
       position: absolute;
       box-shadow: 0px 4px 4px 0px #00000040;
-      top: 0%;
+      top: 0;
-      right: 0%;
+      right: 0;
       width: 80px;
       height: 80px;
       border-radius: 40px;
@@ -102,7 +102,7 @@ main {
       background-image: url("/img/avatar.webp");
       z-index: 1;
       &.portrait {
-        top: 11%;
+        top: 8% !important;
         right: 10%;
         background-image: url("/img/portrait.webp");
         &:hover {

src/styles/main.scss

@@ -39,8 +39,7 @@ main {
   border: 1px solid lighten($highlight, 12%);
   box-shadow: 0px 4px 4px 0px #00000040;
   padding: 2vw;
-  width: 65vw;
+  padding: 20px;
-
   margin-bottom: 11vh;
 }
 .second-content {
@@ -180,6 +179,11 @@ button {
 
 @media (max-width: $responsive-width) {
   .content{
-    min-width: 85vw !important;
+    width: 85vw !important;
+  }
+}
+@media (max-width: $responsive-width-secondary) {
+  .content{
+    width: 85vw !important;
   }
 }