40 lines
569 B
CSS
40 lines
569 B
CSS
@media screen and (min-width: 700px) {
|
|
main{
|
|
padding-bottom: 2%;
|
|
}
|
|
|
|
.about {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
#logo2 {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
main{
|
|
padding-bottom: 2%;
|
|
}
|
|
|
|
.about {
|
|
display: grid;
|
|
}
|
|
|
|
#logo2 {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
#logo2 {
|
|
filter: invert(100%);
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
#logo2 {
|
|
filter: none;
|
|
}
|
|
} |