server-landing-pages/sakura/theme.css
Sam Therapy de72576201
make html look less ugly
Signed-off-by: Sam Therapy <sam@samtherapy.net>
2022-06-11 15:37:40 +02:00

39 lines
574 B
CSS

body {
background-color: #000000;
color: rgba(255, 255, 255, 1);
max-width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
max-height: 80%;
margin: auto;
}
/* For mobile phones: */
img {
max-width: 20em;
}
@media only screen and (min-width: 1300px) {
/* For desktop: */
img {
max-width: 50%;
}
}
a {
color: rgba(200, 200, 200, 0.8);
}
a:hover {
color: rgba(200, 200, 200, 1);
}