:root {
--background: #282c34;
--blue: #226fff;
--red: #7e0000;
--green: #015201;
--selected: #131413;
--hovered: #1f2125;
}
html {
margin: 0;
padding: 0;
overflow-x: hidden;
height: 100vh;
width: 100vw;
}
body {
background-color: var(--background);
color: white;
font-family: 'Asap', sans-serif;
text-align: center;
overflow-x: hidden;
margin: 0;
padding: 0;
height: 100vh;
width: 100vw;
position: relative;
}
.header {
font-size: 60px;
font-weight: bold;
padding: 20px;
}
.description {
font-size: 25px;
}
.buttons {
margin: 60px 0;
}
.buttons-title {
font-size: 25px;
}
.big-button {
display: inline-block;
padding: 20px;
width: 120px;
height: 170px;
vertical-align: top;
transition: 500ms ease;
cursor: pointer;
}
.big-button:hover {
-webkit-box-shadow:
0px 0px 70px -1px rgba(34, 111, 255, 0.8),
inset 0px 0px 70px -35px rgba(34, 111, 255, 0.8);
-moz-box-shadow:
0px 0px 70px -1px rgba(34, 111, 255, 0.8),
inset 0px 0px 70px -35px rgba(34, 111, 255, 0.8);
box-shadow:
0px 0px 70px -1px rgba(34, 111, 255, 0.8),
inset 0px 0px 70px -35px rgba(34, 111, 255, 0.8);
}
.big-button-logo {
width: 100px;
display: block;
padding: 10px;
}
.big-button-text {
color: white;
text-align: center;
width: 100%;
}
a {
display: inline-block;
color: white;
margin: 50px;
}
a:visited {
color: rgb(0, 225, 255);
}