diff --git a/landingstyles.css b/landingstyles.css deleted file mode 100644 index 6d22baf..0000000 --- a/landingstyles.css +++ /dev/null @@ -1,91 +0,0 @@ - -body{ - background-color:black; - height: 100%; - margin: 0; -} - -html{ - height: 100%; - margin: 0; -} - -img{ - image-rendering: "pixelated"; -} - -#bg-image-container{ - background-image: url("./images/islandbg.png"); - /* Full height */ - height: 100%; - - /* Center and scale the image nicely */ - background-position: center; - background-repeat: no-repeat; - background-size: cover; - overflow: hidden -} - -#bg-clouds-container{ - height: 100%; - position: relative; -} - -#bg-clouds{ - justify-content: center; - height: 100%; - animation-name: "cloudloop"; - animation-duration: 60s; - animation-iteration-count: infinite; - animation-timing-function: linear; - position: absolute; - left: 0%; - top: 0px; - z-index: 0; -} - -#skull{ - height: 100%; - position: absolute; - left: 50%; - transform: translateX(-50%); - z-index: 1; -} - -#fg-clouds{ - justify-content: center; - height: 100%; - position: absolute; - left: 50%; - transform: translateX(-80%); - z-index: 2; - animation-name: "cloudloop2"; - animation-duration: 40s; - animation-iteration-count: infinite; - animation-timing-function: linear; - position: "absolute"; -} - -#welcome-container{ - position: absolute; - color: coral; - margin-top: 10%; - margin-left: 50%; - margin-right:15%; - border: coral 1px solid; - padding-left: 1%; - padding-right: 1%; - z-index: 3; - font-size: 100%; - -} - -@keyframes cloudloop{ - 0% {transform: translate(120%);} - 100% {transform: translate(-120%);} -} - -@keyframes cloudloop2{ - 0% {transform: translate(-140%);} - 100% {transform: translate(140%);} -} \ No newline at end of file