|
|
@ -13,9 +13,9 @@ header {
|
|
|
|
& > nav {
|
|
|
|
& > nav {
|
|
|
|
background: white;
|
|
|
|
background: white;
|
|
|
|
position: sticky;
|
|
|
|
position: sticky;
|
|
|
|
|
|
|
|
top: 0.5em;
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
font-size: xx-large;
|
|
|
|
font-size: xx-large;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
& a {
|
|
|
|
& a {
|
|
|
|
text-decoration: none;
|
|
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
|
|
&:hover {
|
|
|
@ -53,8 +53,11 @@ li { list-style: none }
|
|
|
|
min-width: fit-content;
|
|
|
|
min-width: fit-content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
header {
|
|
|
|
header {
|
|
|
|
max-height: 2em;
|
|
|
|
max-height: 1em;
|
|
|
|
& > nav > menu {
|
|
|
|
top: 0em;
|
|
|
|
|
|
|
|
& > nav {
|
|
|
|
|
|
|
|
top: 1em;
|
|
|
|
|
|
|
|
& menu {
|
|
|
|
& li {
|
|
|
|
& li {
|
|
|
|
transition: display 3s ease;
|
|
|
|
transition: display 3s ease;
|
|
|
|
visibility: collapse;
|
|
|
|
visibility: collapse;
|
|
|
@ -70,6 +73,7 @@ li { list-style: none }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
}
|
|
|
|