game/error.css
2022-06-07 00:30:34 +03:00

64 lines
1.3 KiB
CSS

@import url(https://fonts.googleapis.com/css?family=Raleway:700);
$color1: #EE4B5E;
$color2: #342643;
$color3: #1FA9D6;
*, *:before, *:after {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
background: url(https://i.imgur.com/76NZB7A.gif) no-repeat center center fixed;
background-size: cover;
font-family: 'Raleway', sans-serif;
background-color: $color2;
height: 100%;
}
.text-wrapper {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.title {
font-size: 6em;
font-weight: 700;
color: $color1;
}
.subtitle {
font-size: 40px;
font-weight: 700;
color: $color3;
}
.buttons {
margin: 30px;
a.button {
font-weight: 700;
border: 2px solid $color1;
text-decoration: none;
padding: 15px;
text-transform: uppercase;
color: $color1;
border-radius: 26px;
transition: all 0.2s ease-in-out;
&:hover {
background-color: $color1;
color: white;
transition: all 0.2s ease-in-out;
}
}
}