Files
runosaari.net/assets/css/pages/index.scss

62 lines
997 B
SCSS

section.logo {
width: 80%;
max-width: 1000px;
background-color: #d5caf2;
border-radius: 3px 3px 0px 0px;
padding-top: 3px;
img {
width: 100%;
}
#logo-credits {
font-size: 90%;
display: flex;
justify-content: right;
background-color: #d5caf2;
max-width: 990px;
padding-right: 10px;
}
}
section.text {
display: flex;
flex-direction: column;
align-items: center;
width: 80%;
max-width: 1000px;
background-image: linear-gradient(to top, rgba(255, 255, 255 0), #d5caf2);
text-align: center;
p {
padding: 0px 20px;
max-width: 56%;
}
@media screen and (max-width: 600px) {
p {
max-width: 90% !important;
}
}
}
@media screen and (max-width: 600px) {
section.text {
width: 90% !important;
}
}
@media screen and (max-width: 600px) {
#main-title {
visibility: hidden;
height: 0px;
margin: 0px;
}
}
@media screen and (max-width: 600px) {
.time-and-place {
font-size: 1.1rem;
}
}