game/error.css

61 lines
1.0 KiB
CSS
Raw Normal View History

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