~johanvandegriff/vandy.land

7392c2a34f06f01bce09926e2c8a0efbe69d8afa — Johan Vandegriff 1 year, 4 months ago 340d911
changed px to vw where possible
1 files changed, 3 insertions(+), 20 deletions(-)

M style.css
M style.css => style.css +3 -20
@@ 33,20 33,6 @@ body {
  overflow-x: hidden;
}

/* body .siteTitle {
  background-size: 30px 30px;
  font-variant: small-caps;
  font-weight: bolder;
  font-size: 100px;
  color: #ed283f;
  -webkit-text-stroke: 3px #ffffee;
  z-index: 5;
  padding-bottom: 40px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  animation: textBounce 12s infinite 5s cubic-bezier(0, 0.03, 0.83, 1.41) both;
  text-align: center;
} */

body .siteTitle {
  font-family: 'Pimlico Glow';
  font-variant: small-caps;


@@ 59,9 45,7 @@ body .siteTitle {
  align-content: center;
  text-align: center;
  font-weight: 400;
  width: 100%;
  text-align: center;
  /* font-size: 100px; */
  font-size: 15vw;
  font-variation-settings: 'GLOW' 0;
  color: rgba(255, 255, 255, 0.5);


@@ 76,7 60,6 @@ body .siteTitle::before {
  position: absolute;
  z-index: 2;
  text-shadow: 16px 10px 5px rgba(255, 255, 255, 0.25), 8px 5px 5px rgba(138, 0, 0, 0.53);
  /* text-shadow: 20px 20px 10px rgba(255, 255, 255, 0.2), 16px 10px 5px rgba(255, 255, 255, 0.3), 8px 5px 5px rgba(138, 0, 0, 0.3), 4px 4px 5px white; */
}

body .siteTitle::after {


@@ 108,7 91,7 @@ body .siteTitle::after {

body .loaderWrapper {
  border-radius: 50px;
  width: 600px;
  width: 50vw;
  border: 5px solid #ffffee;
  z-index: 5;
  overflow: hidden;


@@ 117,8 100,8 @@ body .loaderWrapper {
}

body .loaderWrapper .loader {
  height: 60px;
  width: 800px;
  height: 50px;
  width: 100vw;
  background-image: linear-gradient(-45deg, #ed283f 25%, #ffffee 25%, #ffffee 50%, #ed283f 50%, #ed283f 75%, #ffffee 75%, #ffffee 100%);
  background-size: 55px 55px;
  box-shadow: 0px 0px 10px rgba(255, 50, 0, 0.8) inset;