2023-04-25 19:34:46 -04:00
|
|
|
/* Copyright © 2022-2023 Lilium_Snow */
|
2023-09-25 20:10:30 -04:00
|
|
|
/* See the LICENSE file at https://git.snowcake.me/primrose/snowcake-website/src/branch/main/LICENSE for copyright and licensing details */
|
2022-10-30 20:04:09 -04:00
|
|
|
|
2023-08-28 19:32:14 -04:00
|
|
|
|
2023-08-28 19:42:00 -04:00
|
|
|
@font-face {
|
2023-08-28 19:32:14 -04:00
|
|
|
font-family: quicksand-light;
|
2023-08-28 19:50:20 -04:00
|
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-Light.ttf);
|
2023-08-28 19:32:14 -04:00
|
|
|
}
|
|
|
|
|
2023-08-28 19:42:00 -04:00
|
|
|
@font-face {
|
2023-08-28 19:32:14 -04:00
|
|
|
font-family: quicksand-regular;
|
2023-08-28 19:50:20 -04:00
|
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-Regular.ttf);
|
2023-08-28 19:32:14 -04:00
|
|
|
}
|
|
|
|
|
2023-08-28 19:42:00 -04:00
|
|
|
@font-face {
|
2023-08-28 19:32:14 -04:00
|
|
|
font-family: quicksand-medium;
|
2023-08-28 19:50:20 -04:00
|
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-Medium.ttf);
|
2023-08-28 19:32:14 -04:00
|
|
|
}
|
|
|
|
|
2023-08-28 19:42:00 -04:00
|
|
|
@font-face {
|
2023-08-28 19:32:14 -04:00
|
|
|
font-family: quicksand-semibold;
|
2023-08-28 19:50:20 -04:00
|
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-SemiBold.ttf);
|
2023-08-28 19:32:14 -04:00
|
|
|
}
|
|
|
|
|
2023-08-28 19:42:00 -04:00
|
|
|
@font-face {
|
2023-08-28 19:32:14 -04:00
|
|
|
font-family: quicksand-bold;
|
2023-08-28 19:50:20 -04:00
|
|
|
src: url(https://snowcake.me/assets/fonts/Quicksand-Bold.ttf);
|
2023-08-28 19:32:14 -04:00
|
|
|
}
|
|
|
|
|
2022-10-30 20:04:09 -04:00
|
|
|
body {
|
2023-01-04 19:59:44 -05:00
|
|
|
background-image: radial-gradient(circle, #ff99cc, #ff99aa, #ffaa99);
|
2023-01-04 20:18:45 -05:00
|
|
|
color: #404040;
|
2022-10-30 20:04:09 -04:00
|
|
|
text-align: center;
|
2023-08-28 19:32:14 -04:00
|
|
|
font-family: quicksand-regular;
|
2022-10-30 20:04:09 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
a:link {
|
2023-01-04 20:18:45 -05:00
|
|
|
color: #404040;
|
2022-10-30 20:04:09 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
a:visited {
|
2023-01-04 20:18:45 -05:00
|
|
|
color: #404040;
|
2022-10-30 20:04:09 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
2023-01-04 20:18:45 -05:00
|
|
|
color: #404040;
|
2022-10-30 20:04:09 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
a:active {
|
2023-01-04 20:18:45 -05:00
|
|
|
color: #404040;
|
2022-10-30 20:04:09 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.content {
|
|
|
|
margin: auto;
|
|
|
|
width: 60%;
|
2023-01-04 19:59:44 -05:00
|
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
|
|
border: 2px solid #ffffff;
|
|
|
|
border-radius: 15px;
|
|
|
|
padding: 20px 20px;
|
2022-10-30 20:04:09 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.button {
|
|
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
|
|
border-radius: 15px;
|
2023-01-04 19:59:44 -05:00
|
|
|
border: 2px solid #ffffff;
|
2022-10-30 20:04:09 -04:00
|
|
|
padding: 10px 10px;
|
|
|
|
text-decoration: none;
|
|
|
|
display: inline-block;
|
|
|
|
font-size: 15px;
|
|
|
|
margin: 4px 2px;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
2023-07-06 11:42:52 -04:00
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
body {
|
2023-07-16 00:21:42 -04:00
|
|
|
background-image: radial-gradient(circle, #8e009f, #6b0077, #470050);
|
2023-07-06 11:42:52 -04:00
|
|
|
color: #ffffff;
|
|
|
|
text-align: center;
|
2023-08-28 19:32:14 -04:00
|
|
|
font-family: quicksand-regular;
|
2023-07-06 11:42:52 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.content {
|
|
|
|
margin: auto;
|
|
|
|
width: 60%;
|
|
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
|
|
border: 2px solid #ffffff;
|
|
|
|
border-radius: 15px;
|
|
|
|
padding: 20px 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button {
|
|
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
|
|
border-radius: 15px;
|
|
|
|
border: 2px solid #ffffff;
|
|
|
|
padding: 10px 10px;
|
|
|
|
text-decoration: none;
|
|
|
|
display: inline-block;
|
|
|
|
font-size: 15px;
|
|
|
|
margin: 4px 2px;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:link {
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:visited {
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:active {
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
}
|