1
0
app/assets/css/main.scss
2022-05-18 12:31:00 +03:00

70 lines
1.1 KiB
SCSS

body {
background-image: linear-gradient(to bottom right, #7f00be, #0080bf);
background-color: #0080bf;
width: 100vw;
height: 100vh;
margin: 0;
text-align: center;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 120px 1fr 60px;
}
*, *:active, *:focus, *:hover, *:visited, *:link {
color: #ffffff;
}
* {
font-family: sans-serif;
max-width: 100%;
max-height: 100%;
}
h1 {
margin-bottom: 0px;
margin-top: 0px;
}
p {
margin-top: 0px;
}
a {
text-decoration: none;
}
header, footer {
background-color: #111111;
display: flex;
align-items: center;
justify-content: center;
a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
height: 100%;
font-size: large;
span {
font-weight: bold;
font-size: small;
}
img {
height: 50%;
user-select: text;
}
}
a:focus, a:hover {
background-color: #222222;
}
}
nav {
display: none;
}