hugomardbrink/hugo.mardbrink.se
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

First release

Browse source
This commit is contained in:
Hugo Mårdbrink 2025-02-12 00:09:21 +01:00
parent 7cbcab0d48
commit 0df3d16dda
15 changed files with 71 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

43
css/index.css
View file

@ -55,6 +55,14 @@ html, body {
z-index: 100000;
}
.page {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
}
.main-container {
display: flex;
flex-direction: column;
@ -62,25 +70,18 @@ html, body {
align-items: center;
height: 100%;
gap: 2rem;
}
.home-padding {
margin-top: 5rem;
@media screen and (max-width: 1000px) {
margin-top: 2rem;
}
margin-top: -2rem;
}
.title-container {
margin-top: 2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
@media screen and (max-width: 1000px) {
margin-bottom: -3rem;
gap: 0.5rem;
}
}
@ -94,8 +95,15 @@ html, body {
}
}
.title-offset {
margin-top: 2rem;
@media screen and (max-width: 1000px) {
margin-top: 1rem;
}
}
.menu-container {
margin-top: 3rem;
display: flex;
flex-direction: row;
justify-content: center;
@ -104,7 +112,7 @@ html, body {
width: 100%;
@media screen and (max-width: 1000px) {
margin-top: 7.5rem;
margin-top: 1.5rem;
gap: 1.5rem;
flex-direction: column;
}
@ -142,11 +150,10 @@ html, body {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
gap: 2.5rem;
gap: 5rem;
@media screen and (max-width: 1000px) {
gap: 0.75rem;
gap: 3rem;
}
}
@ -175,7 +182,6 @@ html, body {
width: 22.5rem;
border: 0.4rem solid var(--dark-text);
box-shadow: 0.5rem 0.5rem 0 0.1rem var(--dark-text);
margin-top: 5rem;
@media screen and (max-width: 1000px) {
display: none;
@ -245,7 +251,6 @@ html, body {
width: 28rem;
border: 0.4rem solid var(--dark-text);
box-shadow: 0.5rem 0.5rem 0 0.1rem var(--dark-text);
margin-top: 5rem;
@media screen and (max-width: 1000px) {
width: 18rem;
@ -320,8 +325,6 @@ html, body {
content: "";
}
}
}
.project-info-link-right:hover, .project-info-link-left:hover {
@ -340,7 +343,6 @@ html, body {
width: 22.5rem;
border: 0.4rem solid var(--dark-text);
box-shadow: 0.5rem 0.5rem 0 0.1rem var(--dark-text);
margin-top: 5rem;
@media screen and (max-width: 1000px) {
display: none;
@ -452,7 +454,6 @@ html, body {
width: 22.5rem;
border: 0.4rem solid var(--dark-text);
box-shadow: 0.5rem 0.5rem 0 0.1rem var(--dark-text);
margin-top: 5rem;
@media screen and (max-width: 1000px) {
display: none;