progress on website (new nav menu)

This commit is contained in:
2023-03-24 21:03:26 +01:00
parent 69e95fe967
commit 2814b0ca18
8 changed files with 157 additions and 152 deletions

View File

@@ -17,7 +17,7 @@ html, body {
}
body {
background-color: rgb(133, 191, 245);
background-color: rgb(168, 212, 253);
}
@@ -35,10 +35,10 @@ body {
align-items: center;
justify-content: center;
width: 90%;
padding: 2%;
padding: 4%;
margin: 3%;
margin-bottom: 0%;
border-radius: 50px 50px 0px 0px;
border-radius: 50px;
}
/*
@@ -48,7 +48,6 @@ body {
width: 90%;
padding: 2%;
margin: 3%;
background-color: rgba(142, 156, 237, 0.644);
border-radius: 0px 0px 50px 50px;
margin-top: 0;
}
@@ -73,15 +72,36 @@ body {
}
#nav {
position: relative;
position: sticky;
z-index: 1;
height: 25vh;
height: 15vh;
width: 100%;
background-color: white;
display: flex;
justify-content: flex-end;
align-items: center;
}
#backToTop {
border-radius: 500px;
border-width: 1px;
background-color: rgb(34, 72, 143);
background-image: url('/assets/up.svg');
background-size: cover;
width: calc(30px + 0.5vw);
height: calc(30px + 0.5vw);
padding: 0.2%;
float: right;
color: white;
position: fixed;
top: 90%;
left: 93%;
opacity: 0;
cursor: default;
transition: 0.5s
}
@media only screen and (min-width: 999px) {
#nav {
height: 15vh;
}
.content, .title-wrapper {
width: 70%;