diff --git a/_scss/module/_camera.scss b/_scss/module/_camera.scss index 32f1717..29baf0d 100644 --- a/_scss/module/_camera.scss +++ b/_scss/module/_camera.scss @@ -6,19 +6,21 @@ z-index: 1000; pointer-events: none; .redLight { - animation: redLigth 1s ease infinite; + animation: redLight 1s ease infinite; } .glare { transform-origin: 80% 80%; + transform-box: fill-box; animation: glare 4s linear infinite; } .outerRing { transform-origin: 50% 50%; + transform-box: fill-box; animation: outerRing 4s linear infinite; } } -@keyframes redLigth { +@keyframes redLight { 0% { fill-opacity: 1; } diff --git a/_scss/module/_indexpage.scss b/_scss/module/_indexpage.scss index e15a770..8205555 100644 --- a/_scss/module/_indexpage.scss +++ b/_scss/module/_indexpage.scss @@ -13,6 +13,7 @@ section { height: 30px; position: absolute; top: -30px; + right: 0; background: linear-gradient(to left bottom, $alternate-bg 0%,$alternate-bg 49%,$body-bg 50%,$body-bg 100%); background: linear-gradient(to left bottom, transparent 0%,transparent 49%,$body-bg 50%,$body-bg 100%); } @@ -26,8 +27,7 @@ section { .paragraphs { column-count: 2; - margin-bottom: 200px; - margin: 1rem; + margin: 1rem 1rem 200px; h3, p { max-width: 300px; font-family: 'Roboto', sans-serif;