70 lines
1.2 KiB
CSS
70 lines
1.2 KiB
CSS
|
/*
|
||
|
|
THIS ALL JUST SCALES THE FONT SO THAT EVERYTHING LOOKS NICE ON ALL SCREENS B)
|
||
|
|
*/
|
||
|
|
|
||
|
|
@media screen and (min-width: 1px) {
|
||
|
|
:root {
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 300px) {
|
||
|
|
:root {
|
||
|
|
font-size: 11pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 400px) {
|
||
|
|
:root {
|
||
|
|
font-size: 12pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 500px) {
|
||
|
|
:root {
|
||
|
|
font-size: 13pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 600px) {
|
||
|
|
:root {
|
||
|
|
font-size: 14pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 700px) {
|
||
|
|
:root {
|
||
|
|
font-size: 15pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 802px) {
|
||
|
|
:root {
|
||
|
|
font-size: 10pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 1000px) {
|
||
|
|
:root {
|
||
|
|
font-size: 11pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 1200px) {
|
||
|
|
:root {
|
||
|
|
font-size: 12pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 1500px) {
|
||
|
|
:root {
|
||
|
|
font-size: 13pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 1800px) {
|
||
|
|
:root {
|
||
|
|
font-size: 14pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 2500px) {
|
||
|
|
:root {
|
||
|
|
font-size: 15pt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 3000px) {
|
||
|
|
:root {
|
||
|
|
font-size: 16pt;
|
||
|
|
}
|
||
|
|
}
|