html {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
}
h1 {
font-size: 3rem;
text-shadow: 4px 3px 0px rgb(90, 85, 81);
margin: 0 0 3rem;
display: block;
//width: 90vw;
.even & {
text-shadow: 4px 3px 0px rgba(0,0,0,0.15);
}
@media screen and (max-width: $screen-phone) {
& {
font-size: 2.5rem;
text-shadow: 3px 2px 0px rgb(90, 85, 81);
}
.even & {
text-shadow: 3px 2px 0px rgba(0,0,0,0.15);
}
}
}
h3 {
margin: 0 0 20px;
color: #ff5800;
text-shadow: 0 2px 0 #000;
font-size: 1.5rem;
line-height: 2rem;
}
p {
margin: 0 0 1rem 0;
line-height: 1.3rem;
text-align: justify;
break-inside: avoid;
}
a {
color: #FFF;
text-decoration: none;
box-shadow: 0 2px 0 #ff5800;
.even & {
box-shadow: 0 2px 0 #FFF;
}
}