2023-04-25 19:34:46 -04:00
/* Copyright © 2022-2023 Lilium_Snow */
2022-11-15 18:58:47 -05:00
/* This CSS document is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. Get a copy of the license at https://creativecommons.org/licenses/by-sa/4.0/legalcode */
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 ;
}
}