probably fixed topnav overflows

This commit is contained in:
Bea 2020-07-09 00:39:39 +02:00
parent 7023947221
commit 8ffc4a5b95
2 changed files with 11 additions and 5 deletions

View File

@ -81,7 +81,8 @@ h1 {
font-size: 20px; font-size: 20px;
} }
.bottomnav a { .bottomnav a {
font-size: 8px; font-size: 10px;
padding: 4px;
} }
} }
@ -92,6 +93,7 @@ h1 {
} }
.bottomnav a { .bottomnav a {
font-size: 11px; font-size: 11px;
padding: 8px;
} }
} }
@ -102,6 +104,7 @@ h1 {
} }
.bottomnav a { .bottomnav a {
font-size: 18px; font-size: 18px;
padding: 8px;
} }
} }
@ -111,7 +114,8 @@ h1 {
font-size: 64px; font-size: 64px;
} }
.bottomnav a { .bottomnav a {
font-size: 27px; font-size: 24px;
padding: 8px;
} }
} }
@media (min-width: 500px) and (max-width: 800px) { @media (min-width: 500px) and (max-width: 800px) {
@ -120,7 +124,7 @@ h1 {
font-size: 76px; font-size: 76px;
} }
.bottomnav a { .bottomnav a {
font-size: 28px; font-size: 29px;
} }
} }
@media (min-width: 800px) and (max-width: 1000px) { @media (min-width: 800px) and (max-width: 1000px) {

View File

@ -33,13 +33,13 @@ html, body {
font-size: 30px; font-size: 30px;
font-family: 'Oswald', sans-serif; font-family: 'Oswald', sans-serif;
font-weight: 300; font-weight: 300;
overflow: hidden;
} }
.topnav a.rainbow { .topnav a.rainbow {
background: linear-gradient(to right, #33ffc5 20%, #fc33ff, #ff3370, #ff3333, #3dff33, #33ffc5); background: linear-gradient(to right, #33ffc5 20%, #fc33ff, #ff3370, #ff3333, #3dff33, #33ffc5);
background-size: 800px, 800px; background-size: 800px, 800px;
color: aquamarine; color: aquamarine;
background-clip: text;
text-fill-color: transparent; text-fill-color: transparent;
animation: gradient 2s linear infinite; animation: gradient 2s linear infinite;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -238,6 +238,7 @@ li {
} }
.topnav a { .topnav a {
font-size: 18px; font-size: 18px;
padding: 8px;
} }
li { li {
padding: 8px; padding: 8px;
@ -265,7 +266,8 @@ li {
font-size: 18px; font-size: 18px;
} }
.topnav a { .topnav a {
font-size: 27px; font-size: 24px;
padding: 8px;
} }
li { li {
padding: 10px; padding: 10px;