diff --git a/style.css b/style.css index a6edc45..82b734d 100644 --- a/style.css +++ b/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;