Update style.css

style.css

@@ -191,9 +191,9 @@ body{
    #home img{
      width: 100%;
      height: auto;
-     background-image: url("blob1.svg");
+     /*background-image: url("blob1.svg");
      background-position: right;
-     background-repeat: no-repeat;
+     background-repeat: no-repeat;*/
    }
 
    #home button{
@@ -377,14 +377,16 @@ body{
 
    .insta2FirstImg{
      position: relative;
-     margin: auto;
-     padding: 0;
+     margin: 0;
+     padding: 0 !important;
    }
 
    .insta2FirstImg img{
      border-radius: var(--borderRadius);
      transition: all 300ms linear;
      user-select: none;
+     margin: 0;
+     position: relative;
    }
 
    .insta2FirstImg::after{
@@ -396,8 +398,8 @@ body{
      align-content: center;
      align-items: center;
      top: 0;
-     left: calc(10% - 9px);
-     width: calc(70% - 18px);
+     left: 0;
+     width: calc(80%);
      height: calc(100% - 4px);
      border-radius: var(--borderRadius);
      color: #fff;
@@ -777,6 +779,18 @@ body{
      padding: 15px;
    }
 
+   #footerContent a{
+     padding: 10px;
+     text-decoration: none;
+     background: none;
+     transition: var(--transition);
+   }
+
+   #footerContent a:hover{
+     background: var(--theme2);
+     border-radius: 8px;
+   }
+
    .socialLink{
      margin: 0 5px;
      padding: 10px;
@@ -918,7 +932,7 @@ body{
 
    a:hover{
      color: inherit;
-     text-decoration: underline;
+     /*text-decoration: underline;*/
    }
 
    i{
@@ -1034,6 +1048,11 @@ body{
        margin: var(--margin) 10%;
      }
 
+     .insta2FirstImg::after{
+       margin: var(--margin) 10%;
+       height: calc(100% - (2 * var(--margin)) - 4px);
+     }
+
      #insta1Container div, .insta2ImgDiv, #githubContainer div{
        width: 100%;
      }
@@ -1076,6 +1095,15 @@ body{
        margin: 20px 10px;
      }
 
+     /* Footer */
+     #footerContent{
+       min-height: 100px;
+     }
+
+     #footerContent a, .socialLink{
+       padding: 5px;
+     }
+
      /* Privacy hint */
      #cookieBanner{
        flex-wrap: wrap;