Files
lintujamaslo/src/components/Header.scss
codevictory 7aec903d56 Fix header.
2021-12-13 20:12:34 +02:00

45 lines
763 B
SCSS

@import '../colors.scss';
.App-header {
display: flex;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
margin-top: 2rem;
h1 {
color: $green-text !important;
text-transform: uppercase;
font-size: 3rem;
font-family: 'Montserrat-Light';
span {
color: $brown-text;
font-size: 0.5em;
}
}
.diamondIcon {
margin-bottom: 1rem;
margin-left: 2rem;
margin-right: 2rem;
}
.dateAndPlace {
text-align: center;
text-transform: uppercase;
h2 {
font-family: 'Montserrat-Medium';
font-size: 1.4rem;
color: $brown-text !important;
margin-bottom: -0.7rem;
}
h3 {
font-size: 1rem;
color: $brown-text !important;
}
}
}