69 lines
1.3 KiB
CSS
69 lines
1.3 KiB
CSS
|
/*MEDIA QUERIES*/
|
||
|
|
/* Extra small devices (phones, less than 576px) */
|
||
|
|
@media (max-width: 575.98px) {
|
||
|
|
/* Styles for phones */
|
||
|
|
body {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Small devices (landscape phones, 576px and up) */
|
||
|
|
@media (min-width: 576px) and (max-width: 767.98px) {
|
||
|
|
/* Styles for small devices */
|
||
|
|
body {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Medium devices (tablets, 768px and up) */
|
||
|
|
@media (min-width: 768px) and (max-width: 991.98px) {
|
||
|
|
/* Styles for tablets */
|
||
|
|
body {
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Large devices (desktops, 992px and up) */
|
||
|
|
@media (min-width: 992px) and (max-width: 1199.98px) {
|
||
|
|
/* Styles for desktops */
|
||
|
|
body {
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Extra large devices (large desktops, 1200px and up) */
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
/* Styles for large desktops */
|
||
|
|
body {
|
||
|
|
font-size: 22px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*FONTS*/
|
||
|
|
@font-face {
|
||
|
|
font-family: LeagueMono;
|
||
|
|
src: url('/fonts/LeagueMono-VF.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: IBMPlexMono;
|
||
|
|
src: url('/fonts/IBMPlexMono-Regular.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
font-family: IBMPlexMono;
|
||
|
|
cursor: url('/cursor/moth_cursor.ico'), auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Hide main menu*/
|
||
|
|
.main-menu {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Target a elements with role "button"*/
|
||
|
|
/*This targets the button shortcodes in Blowfish*/
|
||
|
|
a[role="button"] {
|
||
|
|
margin: 5px;
|
||
|
|
display: block;
|
||
|
|
}
|