52 lines
1.0 KiB
CSS
52 lines
1.0 KiB
CSS
body {
|
|
font-family: "Poppins", "sans-serif";
|
|
font-size: 1rem;
|
|
margin: 0;
|
|
|
|
/* Default is light theme */
|
|
--white: #ffffff;
|
|
--off-white: #fdf8f5;
|
|
--teal-1: #76ffdc;
|
|
--teal-2: #4ed4b2;
|
|
--blue-1: #5caff9;
|
|
--blue-1-05: #5caff90d;
|
|
--blue-1-20: #5caff934;
|
|
--blue-2: #1482e3;
|
|
--light-blue-1: #E1EEFA;
|
|
--light-blue-2: #C0E1FE;
|
|
--purple-1: #525284;
|
|
--purple-2: #2a2a62;
|
|
--gradient-blue-green: linear-gradient(
|
|
99.94deg,
|
|
#1481e3 -17.95%,
|
|
#4ed4b2 172.82%
|
|
);
|
|
}
|
|
|
|
/* FIXME: Dark theme is the same as light theme right now */
|
|
.dark {
|
|
--white: #ffffff;
|
|
--off-white: #fdf8f5;
|
|
--teal-1: #76ffdc;
|
|
--teal-2: #4ed4b2;
|
|
--blue-1: #5caff9;
|
|
--blue-1-05: #5caff90d;
|
|
--blue-1-20: #5caff934;
|
|
--blue-2: #1482e3;
|
|
--light-blue-1: #E1EEFA;
|
|
--light-blue-2: #C0E1FE;
|
|
--purple-1: #525284;
|
|
--purple-2: #2a2a62;
|
|
--gradient-blue-green: linear-gradient(
|
|
99.94deg,
|
|
#1481e3 -17.95%,
|
|
#4ed4b2 172.82%
|
|
);
|
|
}
|
|
|
|
@media only screen and (max-width: calc(375rem / 16)) {
|
|
body {
|
|
font-size: calc(14rem / 16);
|
|
}
|
|
}
|