diff options
Diffstat (limited to 'frontend/site/projects/museum/app/roadblock.css')
| -rw-r--r-- | frontend/site/projects/museum/app/roadblock.css | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/frontend/site/projects/museum/app/roadblock.css b/frontend/site/projects/museum/app/roadblock.css new file mode 100644 index 0000000..73102af --- /dev/null +++ b/frontend/site/projects/museum/app/roadblock.css @@ -0,0 +1,36 @@ +.roadblock { + background: #111; + color: #ff790d; + position: absolute; + top: 0; left: 0; + width: 100vw; + height: 100vh; + padding: 1rem 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; +} +.roadblock-byline { + font-family: "Druk Wide"; + opacity: 1; + white-space: nowrap; + transition: opacity 0.2s; + font-size: 4.2vh; + width: 100vw; + text-align: center; + line-height: 1.1; +} +.roadblock-title { + font-family: "Druk"; + font-weight: 900; + font-style: italic; + white-space: nowrap; + font-size: 49vh; + text-align: center; + line-height: 0.7; + transition: top 0.2s cubic-bezier(0,0,0,1); +} +.roadblock-title span { + margin-left: -2vh; +} |
