2022-04-21 19:07:01 +05:30
@ import url ( 'https://fonts.googleapis.com/css2?family=Comfortaa&family=Quicksand:wght@500&display=swap' ) ;
body {
2022-05-15 20:53:32 +05:30
background-color : # 151515 ;
2022-04-21 19:07:01 +05:30
color : white ;
font-family : 'Comfortaa' , sans-serif ;
2022-04-23 00:51:09 +05:30
margin : 0 ;
2022-04-21 19:07:01 +05:30
}
a {
color : # ce1818 ;
text-decoration : none ;
}
2022-05-15 13:59:47 +05:30
a : hover {
2022-04-21 19:07:01 +05:30
color : rgb ( 233 , 110 , 110 ) ;
}
2022-04-23 00:51:09 +05:30
. center {
text-align : center ;
}
2022-04-21 19:07:01 +05:30
. card {
display : flex ;
justify-content : space-evenly ;
2022-04-23 20:09:58 +05:30
flex-direction : inherit ;
2022-04-23 20:20:35 +05:30
flex-wrap : wrap ;
2022-04-21 19:07:01 +05:30
}
. card > div {
word-wrap : break-word ;
margin : 50px ;
padding : 20px ;
border-radius : 25px ;
background-color : # 252525 ;
box-shadow : 0 0 5px 5px # 252525 ;
}
. button {
background-color : # 00755e ; /* Green */
border : none ;
2022-04-23 20:09:58 +05:30
font-family : 'Comfortaa' , sans-serif ;
2022-04-21 19:07:01 +05:30
color : white ;
padding : 16px 32px ;
text-align : center ;
text-decoration : none ;
display : inline-block ;
font-size : 16px ;
margin : 4px 2px ;
border-radius : 16px ;
transition-duration : 0 . 4s ;
cursor : pointer ;
}
. button : hover {
background-color : # 00d4aa ;
color : black ;
transform : translateY ( -0 . 25em ) ;
2022-04-23 04:04:42 +05:30
box-shadow : 0 0 . 5em 0 . 5em -0 . 4em # 00755e ;
2022-04-21 19:07:01 +05:30
}
. button : active {
2022-04-23 04:04:42 +05:30
transform : translateY ( 0 . 10em ) ;
2022-04-21 19:07:01 +05:30
background-color : # 4beacb ;
2022-04-24 04:59:32 +05:30
box-shadow : 0 0 . 2em 0 . 2em -0 . 2em # 00c7a1 ;
2022-04-21 19:07:01 +05:30
}
. ResponsiveImage {
max-inline-size : 50 % ;
block-size : auto ;
aspect-ratio : 2 / 1 ;
object-fit : contain ;
}
. pointyfinger {
cursor : pointer ;
}
2022-05-19 20:38:15 +05:30
. roundedimage {
border-radius : 100px ;
}
2022-05-15 21:28:31 +05:30
. midoucolored : hover {
background-color : # a44ef4 ;
color : # fff ;
box-shadow : 0 0 . 5em 0 . 5em -0 . 4em # c78bff ;
}
. midoucolored : active {
background-color : # c78bff ;
color : # fff ;
box-shadow : 0 0 . 2em 0 . 2em -0 . 2em # c78bff ;
}
. odysscolored : hover {
background-color : # 75b877 ;
color : # 000 ;
box-shadow : 0 0 . 5em 0 . 5em -0 . 4em # 74e578 ;
}
. odysscolored : active {
background-color : # 74e578 ;
color : # 000 ;
box-shadow : 0 0 . 2em 0 . 2em -0 . 2em # 74e578 ;
}
2022-05-15 22:05:28 +05:30
. pleromacolored : hover {
box-shadow : 0 0 . 2em 0 . 2em -0 . 2em # fba457 ;
background-color : # fba457 ;
}
. pleromacolored : active {
background-color : # ffcc55 ;
}
2022-05-17 15:58:38 +05:30
. catcolored : hover {
box-shadow : 0 0 . 2em 0 . 2em -0 . 2em # f1f2ff ;
background-color : # f1f2ff ;
}
2022-05-14 19:15:38 +05:30
. matrixcolored {
2022-05-15 22:54:49 +05:30
background-color : # fff ;
color : # 000 ;
2022-05-14 19:15:38 +05:30
}
. matrixcolored : hover {
background-color : # 099970 ;
color : # fff ;
}
. discordcolored {
background-color : # 5865F2 ;
}
. discordcolored : hover {
background-color : hsl ( 235 , calc ( var ( --saturation-factor , 1 ) * 86 . 1 % ) , 71 . 8 % ) ; /* I didn't steal this from their website DONT SUE ME DONT FUCKING SUE ME PLEASEEEEEEEEEEEEEEEE */
color : # fff ;
}
. githubcolored {
background-color : # 333333 ;
}
. githubcolored : hover {
background-color : # 666666 ;
color : # fff ;
}
2022-04-21 19:07:01 +05:30
. gameserversCardTitle , . centreofattention {
text-align : center ;
}
# wordwrappedlongthingaaa {
word-wrap : break-word ;
}
2022-05-16 00:20:00 +05:30
# shitfuck {
display : inline-block ;
width : 80 % ;
word-wrap : break-word ;
}
2022-05-14 18:20:18 +05:30
# MenuButton {
display : none ;
}
2022-04-23 00:51:09 +05:30
@ media screen and ( max-width : 800px ) {
2022-04-21 19:07:01 +05:30
. card {
flex-direction : column ;
}
. ResponsiveImage {
max-inline-size : 100 % ;
}
2022-05-14 18:20:18 +05:30
2022-05-29 16:46:41 +05:30
. navbar { display : none ; }
2022-05-14 18:20:18 +05:30
2022-05-29 16:46:41 +05:30
. navbar . responsive { display : initial ; }
2022-05-14 18:20:18 +05:30
/ * . navbarpieceofshitfuckihatethis . responsive a {
float : none ;
display : block ;
text-align : left ;
} * /
# MenuButton {
display : initial ;
}
2022-05-16 00:20:00 +05:30
# shitfuck {
display : initial ;
}
2022-04-23 04:04:42 +05:30
}
2022-05-15 21:28:31 +05:30
. oh-fuck-center {
line-height : 1 . 8 ;
text-align : center ;
}