vps/nginx-www/index/index.css
2023-11-22 07:26:10 +00:00

74 lines
No EOL
1.1 KiB
CSS

body {
font-weight: bold;
font-family: Arial;
text-align: center;
background-image: url("wallpaper.jpg");
background-position: -150px;
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
margin: 0;
}
main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
a {
background: rgba(255, 255, 255, 0.5);
border: 2px solid white;
border-radius: 8px;
padding: 10px;
margin: 1.5vh;
width: 25vh;
height: 25vh;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
transition: all .25s ease-in-out;
text-decoration: none;
color: black;
}
a:hover {
transform: scale(1.1);
}
img {
max-height: 20vh;
max-width: 20vh;
}
h5 {
position: absolute;
bottom: 10px;
right: 10px;
color: rgba(255, 255, 255, 0.5);
margin: 0;
}
@media only screen and (orientation: landscape) {
body {
background-position: center;
}
main {
flex-direction: row;
}
a {
margin: 1.5vw;
min-width: 15vw;
min-height: 15vw;
}
img {
max-height: 13vw;
max-width: 13vw;
}
}