diff --git a/src/style/hudozka-title.scss b/src/style/hudozka-title.scss new file mode 100644 index 00000000..d5e52cba --- /dev/null +++ b/src/style/hudozka-title.scss @@ -0,0 +1,27 @@ +@import "variables"; + +.hudozka-title { + padding: $double-margin 0; + + text-align: center; + + p { + color: $light-color; + margin-bottom: $single-margin; + } + + h1 { + margin-top: $single-margin; + font-size: 2em; + } +} + +@media (max-width: $mobile-width) { + .hudozka-title { + text-align: center; + + h1 { + font-size: 1em; + } + } +} diff --git a/src/style/style.scss b/src/style/style.scss index 8019b485..e66c0606 100644 --- a/src/style/style.scss +++ b/src/style/style.scss @@ -25,6 +25,7 @@ @import "content"; @import "page-animation"; @import "main-image"; +@import "hudozka-title"; @import "schedule-selector"; @import "schedule-mobile";