summaryrefslogtreecommitdiff
path: root/frontend/site/projects/museum/app/roadblock.css
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/site/projects/museum/app/roadblock.css')
-rw-r--r--frontend/site/projects/museum/app/roadblock.css36
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;
+}