Files
legolog/client/public/global.css
Benjamin Kyd 362f5cf048 navbar improvements and mroe responsive on mobile
Former-commit-id: e9ccecbc5798c3bf0c0987a08b0ad4a71688f9e1
2022-03-26 14:03:49 +00:00

42 lines
943 B
CSS

body {
font-family: 'Josefin Sans', sans-serif;
/* all EM in the document is based off this DONT TOUCH */
/* it's also kinda the default so you can touch it if you want */
/* BODY TEXT SHOULD BE 1EM */
font-size: 16px;
color: #222;
text-decoration: none;
background-color: #D7C2FF;
display: block;
margin-left: auto;
margin-right: auto;
transition: all 250ms ease-in;
}
limited-margin {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
width: 85%;
max-width: 1400px;
}
/* responsive sidebar stop scrolling */
/* also making sure this is applied any time it's on a mobile device */
@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
body {
font-size: 25px;
}
limited-margin {
width: 90%;
/* padding-left: 1em;
padding-right: 1em; */
}
}
#top-picks {
font-size: 1em;
}