* {

  padding: 0px;

  margin: 0px;

  border: none;

}



*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



:focus,

:active {

  outline: none;

}



a:focus,

a:active {

  outline: none;

}



a,

a:link,

a:visited {

  text-decoration: none;

}



a:hover {

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

  font-size: inherit;

  font-weight: inherit;

}



ul,

ul li {

  list-style: none;

}



img {

  vertical-align: top;

}



input::-ms-clear {

  display: none;

}



button, pЗ,

input[type=submit] {

  display: inline-block;

  -webkit-box-shadow: none;

          box-shadow: none;

  background-color: transparent;

  background: none;

  cursor: pointer;

}



input:focus,

input:active,

button:focus,

button:active {

  outline: none;

}



button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



a {

  text-decoration: none;

}



/* ---------- */

[class*=__container] {

  max-width: 1215px;

  padding: 0 15px;

  margin: 0 auto;

}



/* ------ */

html, body {

  min-width: 320px;

  min-height: 100%;

}



.wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  overflow: hidden;

  min-height: 100vh;

  position: relative;

}



body {

  font-family: "Oswald";

  font-weight: 400;

  color: #252525;

  line-height: 1;

}



main {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 auto;

          flex: 1 1 auto;

}



.edu-au-vic-wa-nt-pre-class {

  font-family: "Edu AU VIC WA NT Pre", cursive;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

}



/* ----------- */

body {

  background-color: #000000;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-line-pack: center;

      align-content: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  height: 100vh;

  position: relative;

  -webkit-transition: background-color 4s ease;

  transition: background-color 4s ease;

}



.background-img {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  z-index: -1;

  opacity: 0;

  -webkit-transition: opacity 4s ease;

  transition: opacity 4s ease;

}



.hidden-all {

  opacity: 0;

  -webkit-transform: translateY(20px);

  -webkit-transform-transform: translateY(20px);

  pointer-events: none;

  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;

  -webkit-transition-transition: opacity 1s ease, transform 1s ease;

  text-shadow: none;

}



.white-background .background-img {

  opacity: 1;

}



.hidden {

  display: none;

  opacity: 0;

  -webkit-transform: translateY(20px);

          transform: translateY(20px);

  pointer-events: none;

  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;

  transition: opacity 1s ease, -webkit-transform 1s ease;

  transition: opacity 1s ease, transform 1s ease;

  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;

  text-shadow: none;

}



.p {

  z-index: 100;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-filter: drop-shadow(0 0 10px rgb(240, 0, 0)) drop-shadow(0 0 60px rgb(252, 31, 31));

          filter: drop-shadow(0 0 10px rgb(240, 0, 0)) drop-shadow(0 0 60px rgb(252, 31, 31));

  -webkit-transition: 0.5s all;

  transition: 0.5s all;

}

.p img:hover {

  height: 35%;

  -webkit-transition: 3s all;

  transition: 3s all;

  -webkit-filter: drop-shadow(0 0 250px rgb(255, 255, 255)) drop-shadow(0 0 60px rgb(255, 255, 255));

          filter: drop-shadow(0 0 250px rgb(255, 255, 255)) drop-shadow(0 0 60px rgb(255, 255, 255));

}



img {

  height: 10%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-transition: 3s all;

  transition: 3s all;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}



.signs {
  position: absolute;
  color: white;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  font-family: Edu Australia VIC WA NT Hand Precursive;

}

.signs * {

}



.sign {

  color: black;

  opacity: 0;

  -webkit-transform: translateY(20px);

          transform: translateY(20px);

  -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;

  transition: opacity 1.5s ease, -webkit-transform 1.5s ease;

  transition: opacity 1.5s ease, transform 1.5s ease;

  transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;

}



.sign1 {

  left: 90%;

  top: 80px;

  rotate: 24deg;

  font-size: 60px;

}



.sign2 {

  left: 68.5%;

  top: 250px;

  font-size: 78px;

  rotate: -10deg;

}



.sign3 {

  top: 450px;

  left: 7%;

  font-size: 72px;

  rotate: -24deg;

}



.sign4 {

  left: 30%;

  top: 100px;

  font-size: 54px;

  rotate: 12deg;

}



.sign5 {

  left: 12.5%;

  top: 80%;

  font-size: 64px;

  rotate: 36deg;

}



.sign6 {

  left: 5%;

  top: 60px;

  font-size: 32px;

  rotate: -16deg;

}



.sign7 {

  left: 80%;

  top: 90%;

  font-size: 32px;

  rotate: -16deg;

}



.sign8 {

  left: 55%;

  top: 60px;

  font-size: 32px;

  rotate: 24deg;

}



.sign9 {

  left: 80%;

  top: 60%;

  font-size: 54px;

  rotate: 16deg;

}



.sign10 {

  z-index: 101;

  left: 41.5%;

  top: 70%;

  font-size: 80px;

  -webkit-transition: color 0.3s ease, text-shadow 0.3s ease, -webkit-transform 0.3s ease;

  transition: color 0.3s ease, text-shadow 0.3s ease, -webkit-transform 0.3s ease;

  transition: transform 0.3s ease, color 0.3s ease, text-shadow 0.3s ease;

  transition: transform 0.3s ease, color 0.3s ease, text-shadow 0.3s ease, -webkit-transform 0.3s ease;

  -webkit-transform: scale(1.2) translateY(-10px);

          transform: scale(1.2) translateY(-10px);

  color: #ff004f;

  text-shadow: 0px 0px 15px rgba(255, 0, 79, 0.7);

  transition: transform 0.3s ease, color 0.3s ease, text-shadow 0.3s ease;

}

.active {

  color: white;

  display: block;

  opacity: 1;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.active:hover {

  -webkit-transition: 3s all;

  transition: 3s all;

  -webkit-transform: scale(1.2);

          transform: scale(1.2);

  text-shadow: 0px 0px 24px white;

}



body.white-background {

  background-color: #ffffff;

}



.none {

  display: none !important;

}