Add navigation bar and styling to main website

This commit is contained in:
2025-07-05 20:59:48 -04:00
parent d6273f0299
commit fe62a0927b
4 changed files with 145 additions and 13 deletions

View File

@@ -1,4 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('navigation.css');
body {
background-color: white;
font-family: 'Inter', sans-serif;
@@ -7,16 +8,17 @@ body {
display: flex;
flex-direction: column;
align-items: center;
margin: 16px;
}
nav {
header {
display: flex;
max-width: 720px;
width: 100%;
position: relative;
z-index: 1001;
}
.nav-home-icon {
max-width: 64px;
}
main {
max-width: 720px;
@@ -35,8 +37,10 @@ a {
color: unset;
}
@media screen and (min-width: 720px) {
nav {
main {
padding-top: 32px;
}
}