52 lines
916 B
CSS
52 lines
916 B
CSS
|
|
.group {
|
|
display: grid;
|
|
grid-template-rows: 1fr;
|
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
|
grid-gap: .5vw;
|
|
|
|
}
|
|
|
|
body {
|
|
background-color: rgb(67, 95, 102);
|
|
|
|
}
|
|
|
|
h1 {
|
|
background-color: rgb(58, 69, 77);
|
|
color: #CCCCCC;
|
|
padding: 10px;
|
|
border-radius: 10px;
|
|
|
|
}
|
|
a {
|
|
font: bold 11px Arial;
|
|
text-decoration: none;
|
|
background-color: #EEEEEE;
|
|
color: #333333;
|
|
padding: 10px 20px;
|
|
border-radius: 20px;
|
|
transition: all 0.3s ease;
|
|
transform: scale(1);
|
|
display: inline-block;
|
|
transform-origin: center;
|
|
background-size: contain;
|
|
background-repeat: initial;
|
|
}
|
|
|
|
a:hover {
|
|
transform: scale(1.5);
|
|
background-color: #CCCCCC;
|
|
}
|
|
h2 {
|
|
background-color: rgba(58, 61, 61, 0.548);
|
|
color: #EEEEEE;
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
}
|
|
p {
|
|
color: #EEEEEE;
|
|
background-color: rgba(82, 82, 82, 0.555);
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
} |