diff --git a/css/style.css b/css/style.css index 65c9332..c7abc6c 100644 --- a/css/style.css +++ b/css/style.css @@ -1,10 +1,11 @@ body{ background-image: url("../assets/background.png"); + background-attachment: fixed; margin-left: 0; margin-right: 0; margin-top: .5vh; - background-size: 250vh 200vh; + background-size: 200%; background-repeat: no-repeat; font-family: Zilla; font-style: normal; @@ -38,7 +39,7 @@ body{ stroke-dasharray: 1000; display: block; stroke-dashoffset: 1000; - height: 40em; + height: 100%; margin-left: auto; margin-top: auto; margin-bottom: auto; @@ -51,10 +52,12 @@ body{ .flexbox { display: flex; + align-items: flex-start; width: 100%; } .flexboxf { - max-width: 50vw; + max-width: 30vw; + width:10vw; display: flex; align-items: stretch; justify-content: center; @@ -75,8 +78,9 @@ body{ padding: 2vh; border-radius: 5vh; box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255); - margin-left: auto; - margin-right: 3em; + /*margin-left: auto; + margin-right: 3em;*/ + margin-right: 1%; overflow: hidden; overflow-y: hidden; font-size: 1em; @@ -86,7 +90,7 @@ body{ .boxer{ position: sticky; /*min-width: 20%;*/ - max-width: 20vw; + max-width: 40vw; color: #FFF; background: #000; /*outline: #FFF groove .5vh;*/ @@ -106,7 +110,9 @@ body{ overflow:hidden; animation: sc 4s cubic-bezier(0.9, 0, 0.81, 0.53) forwards; } - +.cpar{ + font-size: 2vw; +} @keyframes sc{ 100%{ overflow:visible; @@ -118,12 +124,13 @@ body{ background: #000; outline: #FFF groove .5vh; margin-top:5vh; - width: 30em; + width: 50%; padding: 2vh; border-radius: 5vh; box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255); - margin-right: auto; - margin-left: 3em; + /*margin-right: auto; + margin-left: 3em;*/ + margin-left: 1%; overflow: hidden; overflow-y: hidden; font-size: 1em; @@ -144,7 +151,7 @@ body{ } .sociall{ width: 9vh; - + height: 9vh; } @keyframes dw{ diff --git a/index.html b/index.html index 13392c2..c5588cf 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,6 @@