diff options
Diffstat (limited to 'assets/scss')
| -rw-r--r-- | assets/scss/txt.scss | 67 |
1 files changed, 35 insertions, 32 deletions
diff --git a/assets/scss/txt.scss b/assets/scss/txt.scss index ce58921..fa89fee 100644 --- a/assets/scss/txt.scss +++ b/assets/scss/txt.scss @@ -105,11 +105,13 @@ body > header { h2 { position: absolute; font-weight: 100; - margin-top: 12rem; + font-size: 4.8rem; + transform-origin: top left; + width: 90rem; left: 50%; - margin-left: 27rem; - font-size: 3.7rem; - transform: rotate(90deg); + transform: rotate(90deg) translate(0, -4.5rem); + text-align: left; + margin-left: 39rem; } p { @@ -507,37 +509,38 @@ span.note { body.gfx { #krto img { - float: left; - padding-right: 2rem; - margin-left: -6rem; + float: left; + padding-right: 2rem; + margin-left: -6rem; } #cw { - position: relative; - z-index: 0; - a { - z-index: 200; - } - #gfx { - position: absolute; - z-index: -1; - opacity: 1; - margin: 0 auto; - width: 72rem; - height: 22.5rem; - margin-left: -6rem; - animation: fade-in 1s linear; - - svg { - position: relative; - width: 100%; - height: 100%; - } - } - &:hover #gfx { - opacity: 0.2; - animation: fade-out 1s linear; - } + clear: both; + position: relative; + z-index: 0; + a { + z-index: 200; + } + #gfx { + position: absolute; + margin-top: -1.5rem; + z-index: -1; + opacity: 1; + height: 22.5rem; + width: 72rem; + animation: fade-in 1s linear; + + svg { + position: relative; + margin-left: -7rem; /* Something is wrong with sine.js and reload */ + height: 100%; + } + } + + &:hover #gfx { + opacity: 0.2; + animation: fade-out 1s linear; + } } .sinewave{ |