@font-face {
    font-family: "nav";
    src: url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/ABCCameraPlain-Regular.otf?v=1736862094531") format("opentype");
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   scroll-behavior: smooth;
      overflow: visible;
    font-family:"nav", sans-serif;

}


body{
  display: flex;
  flex-direction:column;
  font-family:"nav", sans-serif;
     background-color: var(--brandcolours-tc-cream, #fdf6ec);
}
/*nav hid*/

nav {
    --_clr-txt: rgb(255, 255, 255);
    --_clr-txt-svg: rgb(147, 158, 184);
position:absolute;
  margin-top:200vh; /*accounts for weirdness*/
    display: flex;
    flex-wrap: wrap;
    gap: 3.5rem;
    text-align:center;
   flex-flow:center;
  align-items:flex-start;
  justify-content:center;
  align-content:flex-start;
    font-size: 1.4rem;
     width:90vw;
  height:92vh;
visibility:hidden;

}
nav>button {
    position: relative;
    display: grid;
    place-content: center;
    grid-template-areas: 'stack';
    padding: 0 1.5rem;
    text-transform: uppercase;
    font-weight: 300;
}

/* place button items on top of each other */
nav>button>span {
    transition: all 300ms ease-in-out;
    grid-area: stack;
}
/* nav icon */
nav>button>span:last-of-type {
    margin-top: 0.25rem;
    transform: scale(0);
    transition-delay: 0ms;
    border-radius: 50%;
}
/* hover - hide text */
nav>button:focus-visible>span:first-of-type,
nav>button:hover>span:first-of-type {
    transform: scale(0);
}
/* hover - reveal icon */
nav>button:focus-visible>span:last-of-type,
nav>button:hover>span:last-of-type {
    transform: scale(1);
}

/* nav SVG circular text*/
nav>button>svg {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    opacity: 0;
    text-transform: uppercase;
    transition: all 300ms ease-in-out;
    color: var(--_clr-txt-svg);
}
/* hover - reveal rotating SVG */
nav>button:focus-visible>svg,
nav>button:hover>svg {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    transition-delay: 150ms;
    transition: all 300ms ease-in-out;
}


a{
  
    font-family:"nav", sans-serif;
     text-transform: none;
  text-decoration:none;
  color:var(--brandcolours-tc-burgundy, #481326);
}

a:hover{
  color:var(--brandcolours-tc-red, #ff1f3d);
}

/*
/*hamburger*/

#hamburger {
  display: none;
}


.menuicon {
  position: fixed;
  bottom: 40px;
  left: 40px;
  display: block;
  cursor: pointer;
  height: 21px;
  width: 25px;
  z-index:1000;
  
}
.menuicon span {
  display: block;
  top: 8px;
  width: 25px;
  height: 5px;
  background-color:var(--brandcolours-tc-red, #ff1f3d);
  position: relative;
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -ms-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.menuicon span::after, .menuicon span::before {
  display: block;
  content: "";
  position: absolute;
  width: 25px;
  height: 5px;
  background-color:var(--brandcolours-tc-red, #ff1f3d);
  -webkit-transition-property: margin, -webkit-transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0;
  -moz-transition-delay: 0.2s, 0;
  -ms-transition-delay: 0.2s, 0;
  -o-transition-delay: 0.2s, 0;
  transition-delay: 0.2s, 0;
}
.menuicon span::before {
  margin-top: -8px;
}
.menuicon span::after {
  margin-top: 8px;
}

#hamburger:checked ~  nav {
  visibility:visible;
  transition: all 2s ease-in-out;
}

#hamburger:checked ~ .menuicon span {
  background-color: rgba(0, 0, 0, 0);
}
#hamburger:checked ~ .menuicon span::before, #hamburger:checked ~ .menuicon span::after {
  margin-top: 0px;
  -webkit-transition-delay: 0, 0.2s;
  -moz-transition-delay: 0, 0.2s;
  -ms-transition-delay: 0, 0.2s;
  -o-transition-delay: 0, 0.2s;
  transition-delay: 0, 0.2s;
}
#hamburger:checked ~ .menuicon span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hamburger:checked ~ .menuicon span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*NAV*/


.nav-menu {
  background: var(--brandcolours-tc-cream, #fdf6ec);
  padding: 6px 10px 6px 10px;
  display: flex;
  flex-direction: row;
  gap: 5%;
  align-items: center;
  justify-content: center;
  width: 100vw;
  max-width:100%;
  position: fixed;
  left: 1px;
  top: 0px;
  z-index:1000;
  flex-wrap: wrap;
}
.image-1 {
  width: 103px;
  position: relative;
  object-fit: cover;
}
.nav-list-menu {
  padding: 10px 30px 10px 17px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
    flex-wrap: wrap;
  position: relative;
  width:80%;
      gap: 20px;
  
}

.groupflex{
   display: flex;
   justify-content: space-around;
    gap: 20px;
}

.nav-list-item {
  padding: 0px 10px 0px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: relative;
    z-index:1000;
}
.nav-list-item2 {
  color: var(--brandcolours-tc-burgundy, #481326);
  text-align: center;
  font-family: "nav", sans-serif;
 font-size:calc(16px + 0.6vw);
  font-weight: 400;
  position: relative;
}

/*section general*/
section{
  display:flex;
  flex-direction:column;
  
}

/*home*/
.box {
  position: absolute;
  width: calc(16px + 5vw);
  height: calc(16px + 5vw);
  background: transparent;
  transform: rotate(45deg);
  border: 5px solid transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
  animation: move 1000ms ease-in infinite alternate;
  margin-left:40%;
    margin-top:10%;
}


#uparrow{
   transform: rotate(225deg);
    border-bottom-color: var(--brandcolours-tc-burgundy, #481326);
  border-right-color:var(--brandcolours-tc-burgundy, #481326);
  position:fixed;
    width: 30px;
  height: 30px;
top:100vh;
  left:50vw;
  z-index:1000;
  animation: move 1000ms ease-out infinite alternate;
}

@keyframes move {
  0% {
    top: 116px;
  }
  100% {
    top: 180px;
  }
}

.home-landing,
.home-landing * {
  box-sizing: border-box;
}
.home-landing {
  background: var(--brandcolours-tc-burgundy, #481326);
min-height:100vh;
  width:100vw;
  position: relative;
  overflow: hidden;
}


.the-navigator {
  color: var(--brandcolours-tc-cream, #fdf6ec);
  font-family: "nav", sans-serif;
  font-size: calc(64px + 2vw);
  font-weight: 400;
  position: relative;
top: 20vh;
  margin-left:10%;
  
  

}

.the-navigator img{
  position:absolute;
 width:calc(400px + 20vw);
  max-width:700px;
  z-index:10000000;
  margin-left:-30px
}





.description{
  color: #ffffff;
  text-align: left;
  font-family: "nav", sans-serif;
font-size: calc(18px + 0.5vw);
  font-weight: 400;
  position: absolute;
  left: 157px;
  top: 50vh;
  width:30%;
 
}

#logo {
width: 283px;
  height:100px;
 
/*background-image:url('https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/channels4_profile.jpg?v=1733843371944');*/
  background-size: cover;

  margin-left:10%;
  margin-top:10%;
  
}


.video {
position: relative;
  background: rgba(217, 217, 217, 0.37);
 margin-left:40%;
  margin-top: 0;
  
}

.video video{
  width:calc(400px + 50vw);
  max-width:50vw;
  margin-left:10%;
  padding:10px;
}

.video-svgrepo-com {
  opacity: 0.39;
 width:70%;
 padding:5%;
}




@media only screen and (max-width: 566px) {
  
    
  
 .the-navigator img{
  position:absolute;
 width:calc(200px + 10vw);
  max-width:700px;
  z-index:10000000;
} 
  
  .clouds{
    display:none;
    visibility:hidden;
  }
    .box{
     margin-top:20%;
  }
  
  
  #themes{
    height:220vh;
  }
  
  
  #theme_one{
  margin-top:120vh;
    
  }
  
  .buildings{
  margin-top:500px;  
  }
  
  
  #one{
    width:calc(200px + 10vw) !important; 
    
  }
   #two{
    width:calc(200px + 10vw) !important;
    
  }
   #three{
    width:calc(200px + 10vw) !important;
    
  }
   #four{
    width:calc(200px + 10vw) !important;
    
  }
  
}

@media only screen and (max-width: 946px) {
 
     
  
  .description{
    width:80%;
      left: 10%;
    
  }
  
.video{
    background: rgba(217, 217, 217, 0);
position:relative;
  margin-top:80vh;
  width:100vw;
height:auto;
    margin-left:0;
  
  }
  

  .video-svgrepo-com {
  width:100vw;
        margin-left:0;

  
  }
  .video video{
  width:100vw;
      max-width:100vw;
    margin-left:0;
}
  
  #myvid{
      width:100vw;
  }

}



.curved-arrow-svgrepo-com {
  width: 215.86px;
  height: 78.06px;
  position: absolute;
  left: 703.59px;
  top: 724px;
  transform-origin: 0 0;
  transform: rotate(32.728deg) scale(-1, 1);
  overflow: hidden;
}


.group {
  height: auto;
  position: absolute;
  left: -8.5px;
  top: -15.14px;

}


/*Themes*/

#themes{
   background: var(--brandcolours-tc-cream, #fdf6ec);
height:100vh;
  width:100vw;
  display:flex;
  position:relative;
}


.buildings{
  display:flex;
  flex-direction:row;
  justify-content:center;
  width:100vw;
  align-items:flex-end;
  height:100vh;
  margin-bottom:40px;
  align-content:center;
  z-index:100;
  flex-wrap:wrap;
    gap:10px;
 

}
.groupflexbis{
  display:flex;
  justify-content:space-around;
   flex-wrap:wrap;
  gap:10px;
}


@-moz-keyframes pulsate {
  0%,100% {
    -moz-box-shadow: 0 0 1em 0.34em rgba(178, 17, 7, 0.75);
    box-shadow: 0 0 1em 0.34em rgba(178, 17, 7, 0.75);
  }
  50% {
    -moz-box-shadow: 0 0 3em 1em rgba(178, 17, 7, 0.75);
    box-shadow: 0 0 3em 1em rgba(178, 17, 7, 0.75);
  }
}
@-webkit-keyframes pulsate {
  0%,100% {
    -webkit-box-shadow: 0 0 1em 0.34em rgba(178, 17, 7, 0.75);
    box-shadow: 0 0 1em 0.34em rgba(178, 17, 7, 0.75);
  }
  50% {
    -webkit-box-shadow: 0 0 3em 1em rgba(178, 17, 7, 0.75);
    box-shadow: 0 0 3em 1em rgba(178, 17, 7, 0.75);
  }
}
@keyframes pulsate {
  0%,100% {
    -moz-box-shadow: 0 0 0 0.34em rgba(178, 17, 7, 0.75);
    -webkit-box-shadow: 0 0 0 0.34em rgba(178, 17, 7, 0.75);
    box-shadow: 0 0 0 0.34em rgba(178, 17, 7, 0.75);
  }
  50% {
    -moz-box-shadow: 0 0 0 1em rgba(178, 17, 7, 0.75);
    -webkit-box-shadow: 0 0 0em 1em rgba(178, 17, 7, 0.75);
    box-shadow: 0 0 0 1em rgba(178, 17, 7, 0.75);
  }
}


@keyframes pulsateno {
  0%,100% {
    -moz-box-shadow: 0 0 0 0.34em rgba(178, 17, 7, 0);
    -webkit-box-shadow: 0 0 0 0.34em rgba(178, 17, 7, 0);
    box-shadow: 0 0 0 0.34em rgba(178, 17, 7, 0);
  }
  50% {
    -moz-box-shadow: 0 0 0 1em rgba(178, 17, 7, 0);
    -webkit-box-shadow: 0 0 0em 1em rgba(178, 17, 7, 0);
    box-shadow: 0 0 0 1em rgba(178, 17, 7, 0);
  }
}






#one{
  background-image:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final3-plain.png?v=1738359831278");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  width:calc(100px + 10vw);
  height:800px;
  position:relative;
  
}


#one:hover{
   background:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final3-coloured.png?v=1738359826683") center center no-repeat, url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/progresskite.png?v=1738364013046") center top no-repeat;
   background-size: contain, 200px ;
}

#two{
  background-image:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final4-plain.png?v=1738359916230");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
   width:calc(100px + 10vw);
  height:800px;
  position:relative;
}

#two:hover{
   background:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final4-coloured.png?v=1738359896940") center center no-repeat, url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/NatureKITE.png?v=1738364016134") center top no-repeat;
   background-size: contain, 200px ;

}

#three{

    background-image:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final2-plain%20chapel.png?v=1738932645673");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
   width:calc(100px + 10vw);
  height:800px;
  position:relative;
}

#three:hover{
   background:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final1-coloured.png?v=1738359582580") center center no-repeat, url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/creativitykite.png?v=1738364005679") center top no-repeat;
   background-size: contain, 200px ;
}

#four{
  background-image:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final2-plain.png?v=1738932555144");
  
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  width:calc(100px + 10vw);
  height:800px;
  position:relative;
}

#four:hover{

     background:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final%202-coloured.png?v=1738359762141") center center no-repeat, url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/progresskite.png?v=1738364013046") center top no-repeat;
   background-size: contain, 200px ;

}


/*podpages*/
/*one*/


.podpage{
  background: var(--brandcolours-tc-deepgreen, #212922);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}


.pod_title{
  display:flex;
  flex-direction:row;
  margin-left:10%;
  width:80%;
  flex-wrap:wrap;
  justify-content:space-between;
 
  
}



.titre {
  color: var(--brandcolours-tc-cream, #fdf6ec);
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: calc(28px + 0.5vw);
  top:-40px;
  position:relative;
}


.sous_titre{
  color: var(--brandcolours-tc-cream, #fdf6ec);
  font-family: "nav", sans-serif;
    font-size: calc(18px + 0.5vw);


}

.pod_header{
  display:flex;
  flex-direction:row;
  width:100%;
  align-items:center;
   margin-top:10%;
  flex-wrap:wrap;
  
}

.sound-wave {
  width: 142px;
  height: 56px;
  position: relative;
  

}
.podicon {
  width:60px;
  border-right: 2px solid #E9E9E9;
  height: 100%;
  position: absolute;
 
}
.podwave {
  width: 53.64%;
  height: 100%;
  margin-left: 48%;
  
}



.pod_area{
  display:flex;
  flex-direction: row;
  width:100vw;
  height:500px;
  flex-wrap:wrap;
 justify-content:space-evenly;
    margin-top:5px;
  align-items:center;
  
}

.map{
	width: 90vw;
	position:absolute;
height: auto;
  
}


#theme_one, #theme_three{
  background-image: url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final%20map%20night.png?v=1738698835656");
    background-size: cover; 
  background-position: center 50px; /* Center the image */
  background-repeat: no-repeat;/* Do not repeat the image */
 
}


#theme_two, #theme_four{
  background-image: url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final%20map%20-daytime.png?v=1738698865716");
    background-size: cover; 
  background-position: center 50px; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}

.historic-info {

    background-color: rgb(77, 117, 82,0.5);
  border-radius: var(--var-sds-size-radius-200, 8px);
  border-style: solid;
  /*border-color: var(--brandcolours-tc-red, #ff1f3d);*/
  border-width: 1px;
  padding: var(--var-sds-size-space-400, 16px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-400, 16px);
    align-self: center;
  justify-content: flex-start;
  margin-top:5vh;
 visibility:hidden ;


}



.product-info-card {


}
.product-info-card .image {
  background: var(
    --image-placeholder,
    linear-gradient(to left, #e3e3e3, #e3e3e3)
  );
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  height: 247px;
 
  position: relative;
  overflow: hidden;
  object-fit: cover;
  margin-left:4px;
}


.body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
    align-self: center;
  position: relative;
  width:400px;;
}


.text {
  display: flex;
  flex-direction: row;
    align-self: center;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width:90%;
}
.text2 {
    margin-left:5px;
  color:  var(--brandcolours-tc-cream, #fdf6ec);
  text-align: left;
  font-family: var(--body-base-font-family, "nav", sans-serif);
  font-size: var(--body-base-font-size, 16px);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: relative;
  flex: 1;
}
.text-strong {
  margin: -3px 0 0 0;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}

.text-small2 {
    margin: -3px 0 0 0;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  color: #e2dace;
  text-align: left;
  font-family: var(--body-small-font-family, "nav", sans-serif);
  font-size: var(--body-small-font-size, 14px);
  line-height: var(--body-small-line-height, 140%);
  font-weight: var(--body-small-font-weight, 400);
  position: relative;
  height: 100px;
  overflow:auto;
  margin:auto;
  margin-left:5px;
  width:90%;
}



.avatar-block {
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-300, 12px);
  align-items: flex-start;
  justify-content: flex-start;
  width: 258px;
  height: 78px


}
.avatar {
  border-radius: var(--var-sds-size-radius-full, 9999px);
  flex-shrink: 0;
  width: var(--var-sds-size-icon-large, 40px);
  height: var(--var-sds-size-icon-large, 40px);
  position: relative;
  overflow: hidden;
}
.shape {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  object-fit: cover;
}

.info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  
}
.title {
  color: var(--var-sds-color-text-default-secondary, #eae3da);
  text-align: left;
  font-family: var(--body-strong-font-family, "nav", sans-serif);
  font-size: var(--body-strong-font-size, 16px);
  line-height: var(--body-strong-line-height, 140%);
  font-weight: var(--body-strong-font-weight, 600);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size:0.6em;
}




.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-nunc-vulputate-libero-et-velit-interdum-ac-aliquet-odio-mattis {
  color: #000000;
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  width: 648px;
  height: 103px;
}
.rectangle-7 {
  background: #d9d9d9;
  width: 521px;
  height: 133px;
  position: absolute;
}
.group-1 {
  position: absolute;
  inset: 0;
}
.rectangle-8 {
  background: var(--brandcolours-tc-red, #ff1f3d);
  border-radius: 10px;
  width: 103px;
  height: 47px;
  position: absolute;
 
}
.save {
  color: var(--brandcolours-tc-white, #f5f5f5);
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  
}
.menu-close-sm {
  width: 15.79px;
  height: 20px;
  position: absolute;
  overflow: visible;
}

.sound-icon {
  width: 44px;
  height: 44px;
  position: absolute;
  

}
.side-nav {
  padding: 6px 0px 6px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 22px;
  position: absolute;
  
}
.ellipse-8 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.ellipse-82 {
  background: var(--brandcolours-tc-cream, #fdf6ec);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.ellipse-9 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.ellipse-83 {
  background: var(--brandcolours-tc-red, #ff1f3d);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.line-1 {
  margin-top: -1px;
  border-style: solid;
  border-color: var(--brandcolours-tc-red, #ff1f3d);
  border-width: 1px 0 0 0;
  flex-shrink: 0;
  width: 22px;
  height: 0px;
  position: relative;
}
.ellipse-10 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.ellipse-11 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.ellipse-12 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.ellipse-13 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.ellipse-14 {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.hamburger-menu {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 32px;
  top: 9px;
  overflow: visible;
 
}



/*ABOUT*/


#about{
  background: var(--brandcolours-tc-cream, #fdf6ec);
  position: relative;
  overflow: hidden;
  display:flex;
  flex-direction:column;
  height:170vh;
  min-height:674px;
  overflow-y:auto;
}



.righthand{
  width:44%; 
  display:flex;
  flex-flow:column;
   margin-top:100px;
  gap:20px;
    min-width:400px;
  padding:10px;
    margin-left:5%;
}


.crediting{
  top:20%;
}

.aboutit{ 
  color: #481326;
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: 20px;
  width: 56%;
  min-width:400px;
  padding:25px;
}

.image-kite{
  background-image:url('https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/aboutpic.png?v=1733410367720');
 background-size: cover;
  background-position: top;
  width:100vw;
  min-height:400px;
  
}


.about-text{
  display:flex;
  flex-direction:row;
  gap:20px;
 justify-content:space-evenly;
  align-items:center;
  width:90%;
  margin-left:5%;
    flex-wrap:no-wrap;
    margin-top:10%;
    min-width:400px;
  
}


.title-about{
  position:absolute;
    color: var(--brandcolours-tc-red, #ff1f3d);
  text-align: right;
  font-family: "nav", sans-serif;
  font-size:calc(34px + 5vw);
  font-weight: 400;
  margin-top:10%;
  width: 445px;
  margin-left:5%;
}

.let-s-go-fly-the-kite {
  color: var(--brandcolours-tc-red, #ff1f3d);
  text-align: left;
  font-family: "nav", sans-serif;
  font-size:calc(18px + 2vw);
  font-weight: 400;
 
  z-index:1000;
 
    width:100%;
    margin-left:0;
}

.logos{

}
.logos img{
  width:60px;
  float:right;
  align-self:right;
    margin:15px;
 
}


/*share*/


#share {
  background: var(--brandcolours-tc-deepgreen, #212922);
  position: relative;
  display:flex;
  flex-direction:row;
  height:130vh;
  width:100vw;
  justify-content: space-evenly;
  padding-left:10%;
  padding-top:10%;
  padding-bottom:10%;
    flex-wrap:wrap;

}





.dcript{
  color: var(--brandcolours-tc-cream, #fdf6ec);
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: 14px;
  font-weight: 400;
  left: 10%;
  width: 40%;
  display: flex;
  flex-flow:column;
  gap:30px;
  min-width:400px;
  
}


.data-info-agreement {
  background: var(--brandcolours-tc-cream, #fdf6ec);
  width: 90%;
  height:500px;
  left: 136px;


}
.dataprotection{
  color: #481326;
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: 20px;
  font-weight: 400;
  right: 8.7%;
  left: 4.91%;
  bottom: 20.53%;

  height: 400px;
  padding:20px;
  text-align:justify;
    overflow: auto;
}

.share-your-story {
  color: var(--brandcolours-tc-cream, #fdf6ec);
  font-family: "nav", sans-serif;
  font-size: 30px;
  font-weight: 400;
  left: 136px;
  top: 61px;
}

.send {
  color: var(--brandcolours-tc-white, #f5f5f5);
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: 1106px;
  top: 692px;
}

.checkboxes {
  padding: 4px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: center;
    margin-top:30px;
  position:relative;
  

}
.state-layer {
  border-radius: 100px;
  padding: 11px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.container {
  border-radius: 2px;
  border-style: solid;
  border-color: var(--brandcolours-tc-red, #ff1f3d);
  border-width: 2px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  position: relative;
}
.i-agree {
  color: var(--brandcolours-tc-burgundy, #481326);
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: 24px;
  font-weight: 400;
  left: 74px;
}

.form{
  color:white;
  width:40%;
  margin-top:5%;
  display: flex;
  flex-direction: column;
  justify-content:space-evenly;
    min-width:350px;
}

.form label{
    color: var(--brandcolours-tc-white, #f5f5f5);
  text-align: left;
  font-family: "nav", sans-serif;
  font-size: 24px;
}
#info{
  display: flex;
  flex-direction: column;
  justify-content:space-evenly;
}

textarea{
 min-height:300px;
margin-top:-5%;
}


/*footer*/

.webpage-footer,
.webpage-footer * {
  box-sizing: border-box;
}


#footer{
  background: var(--brandcolours-tc-cream, #fdf6ec);
  height: 330px;
  position: relative;
  overflow: hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
  align-items:center;
  align-content:center;
  width:100vw;
  flex-wrap:no-wrap;
}


#top{
  display:flex;
  flex-direction:row;
  width:90vw;
    justify-content:center;
  align-items:center;
  align-content:center;
  flex-wrap:wrap;

}

#ftimages{
  min-width:200px;
   display:flex;
  flex-direction:row;
  width:33%;
   justify-content:space-evenly;
}


#ftlist{
  width:33%;
  min-width:200px;
}

.madeby{
  padding:30px;
}
/*PROMPT*/
.prompt{
z-index:100000;
  width:40%;
  height:auto;
     background-color: rgb(77, 117, 82,1);
  color: var(--brandcolours-tc-cream, #fdf6ec);
  border-style: solid;
  border-color: var(--brandcolours-tc-red, #ff1f3d);
  border-width: 2px;
  position:absolute;
float:center;
  margin-left:30%;
display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:10px;
  
}


.prompt span{
  font-size:1.3em;
  text-align:center;
  
  
}

.prompt p{
  margin-top:5px;
    text-align:center;
  
  
}
.inputPrompt{
      min-height: 100px !important;
   height:100px;
  width:80%;
  float:center;
  background-color:var(--brandcolours-tc-deepgreen, #212922);
  color:var(--brandcolours-tc-cream, #fdf6ec);
  margin-top:20px;

  
}


.save-prompt:hover{

  padding:7px;
   background: var(--brandcolours-tc-burgundy, #481326);
   border-color: var(--brandcolours-tc-red, #ff1f3d);
  font-family:"nav", sans-serif;
  color:var(--brandcolours-tc-cream, #fdf6ec);
  font-size:0.9em;
}


.save-prompt{
    margin-top:10px;
  padding:7px;
   background: #481326;
   border-color: var(--brandcolours-tc-burgundy, #481326);
  font-family:"nav", sans-serif;
  color: var(--brandcolours-tc-cream, #fdf6ec);
  font-size:0.9em;
}


#send{
text-align:center;
  
}

#send button{
  padding:10px;
}



/*clouds*/
.clouds{
   
  width:100vw;
  height:100vh;
  position:absolute;
display: flex;
  flex-direction:row;
 justify-content:space-around;
  z-index:0;
  margin-left:0vw;
  margin-top:100px;
  flex-wrap:wrap;
}
.hoverclouds1{

  position:relative;
  height:30vh;
    width:25vw;
  margin-left:-60vw;
  background-image:url('https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/progresskite.png?v=1738364013046');
  display:none;
    background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
}

.hoverclouds2{
   position:relative;
  height:30vh;
  width:25vw;
   margin-left:-20vw;
  top:-20px;
  background-image:url('https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/NatureKITE.png?v=1738364016134');
 background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  display:none;
}

.hoverclouds3{
   position:relative;
  height:30vh;
   margin-left:25vw;
    width:25vw;
top:-30px;
  background-image:url('https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/creativitykite.png?v=1738364005679');
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  display:none;
}

.hoverclouds4{
   position:relative;
  height:30vh;
    width:25vw;
  margin-left:75vw;
  top:-30px;
   background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: contain;
  background-image:url('https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/collaborationkite.png?v=1738364009700');
display:none;
}

/*map*/

/*MAP*/
.container-map{
	position:absolute;
	width: 752px;
	height: 502px;
	bottom:0;
	right:0;
	margin: auto;
  z-index:1;
}

.mappa,
.mappa-transparent{
    position: absolute;
    top: 0px;
    left: -3px;
    width: 750px;
    height: 444px;
		mix-blend-mode:multiply;
}

.section-blue,
.section-red,
.section-yellow,
.section-pink,
.section-green {
	display: none;
	z-index:1;
}

#section{
	fill: transparent;
	z-index:2;
	cursor: pointer;
}

.over{
	background: #fff;
  color: #1db8e8;
  border-radius: 50px;
}



#mask{
  background-color:#39384B;
  width:100vw;
  position:absolute;
  height: 100vh;
  margin-top:195vh;
  z-index:10090;
  
}



ul li {
  list-style: none;
  font-family: 'Ubuntu', sans-serif;
  display: inline-block;
  border: #fff solid 2px;
  border-radius: 50px;
  padding: 10px 0px;
  margin: 5px;
}

li a{
  text-decoration: none;
  color: #fff;
  transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
  padding: 10px 20px
}
li a:hover{
  background: #fff;
  color: #1db8e8;
  border-radius: 50px;
}

ul{
	text-align: center;
}
.list{
	display: inline-block;
	margin: 0 15px;
}


/*Player from https://codepen.io/amy_e_carrigan/pen/XWNeGKp*/
.c{
align-self:center;
  z-index:1000000;

}

@media only screen and (max-width: 946px) {
  
  #about{
    height:250vh;
    
  }
 .c{

  z-index:10000000;
}
  
  .about-text{
    flex-wrap:wrap;
    width:100vw;
    margin:0;
    margin-top:50px;
    
  }

  .let-s-go-fly-the-kite{
   width:100%;
    margin-left:0;
    padding:25px;
  }
  .logos{
    margin:0;
  }
}

.audio-player {

  height: 50px;
  width: calc( 250px + 4vw);
  background: #444;
  box-shadow: 0 0 20px 0 #000a;

  font-family: arial;
  color: white;
  font-size: 0.75em;
  overflow: hidden;

  display: grid;
  grid-template-rows: 6px auto;
  
  .timeline {
    background: white;
    width: 100%;
    position: relative;
    cursor: pointer;
    box-shadow: 0 2px 10px 0 #0008;
    .progress {
      background: coral;
      width: 0%;
      height: 100%;
      transition: 0.25s;
    }
  }
  .controls {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 20px;

    > * {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .toggle-play {
      &.play {
        cursor: pointer;
        position: relative;
        left: 0;
        height: 0;
        width: 0;
        border: 7px solid #0000;
        border-left: 13px solid white;
        &:hover {
          transform: scale(1.1);
        }
      }
      &.pause {
        height: 15px;
        width: 20px;
        cursor: pointer;
        position: relative;
        &:before {
          position: absolute;
          top: 0;
          left: 0px;
          background: white;
          content: "";
          height: 15px;
          width: 3px;
        }
        &:after {
          position: absolute;
          top: 0;
          right: 8px;
          background: white;
          content: "";
          height: 15px;
          width: 3px;
        }
        &:hover {
          transform: scale(1.1);
        }
      }
    }
    .time {
      display: flex;

      > * {
        padding: 2px;
      }
    }
    .volume-container {
      cursor: pointer;
      .volume-button {
        height: 26px;
        display: flex;
        align-items: center;
        .volume {
          transform: scale(0.7);
        }
      }
      
      position: relative;
      z-index: 2;
      .volume-slider {
        position: absolute;
        left: -3px; top: 15px;
        z-index: -1;
        width: 0;
        height: 15px;
        background: white;
        box-shadow: 0 0 20px #000a;
        transition: .25s;
        .volume-percentage {
          background: coral;
          height: 100%;
          width: 75%;
        }
      }
      &:hover {
        .volume-slider {
          left: -123px;
          width: 120px;
        }
      }
    }
  }
}

.enhancednote{
  position:absolute;
  z-index:0;
  width:10%;
  top:80%;
  margin-left:80%
}

.enhancednote img{
  width:120px;
}


.hello-world h1, h2 {   
   margin: 0;
   padding: 0;
   color: white;
   display: inline-block;
   font-size:calc(28px + 0.5vw);
   text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
}
.hello-world h2 {
calc(28px + 0.5vw);
}



.hello-world h1:nth-child(0n+0), .hello-world h2:nth-child(5n+0) {
  -webkit-animation-name: animateGlithcy;
          animation-name: animateGlithcy;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 0s;
          animation-duration: 0s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  animation-direction: alternate-reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.hello-world h1:nth-child(0n+1),.hello-world h2:nth-child(5n+1) {
  -webkit-animation-name: animateGlithcy;
          animation-name: animateGlithcy;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  animation-direction: alternate-reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.hello-world h1:nth-child(0n+2),.hello-world h2:nth-child(5n+2) {
  -webkit-animation-name: animateGlithcy;
          animation-name: animateGlithcy;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  animation-direction: alternate-reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.hello-world h1:nth-child(0n+3),.hello-world  h2:nth-child(5n+3) {
  -webkit-animation-name: animateGlithcy;
          animation-name: animateGlithcy;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  animation-direction: alternate-reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.hello-world h1:nth-child(0n+4), .hello-world h2:nth-child(5n+4) {
  -webkit-animation-name: animateGlithcy;
          animation-name: animateGlithcy;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  animation-direction: alternate-reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.hello-world h1:nth-child(0n+5),.hello-world h2:nth-child(5n+5) {
  -webkit-animation-name: animateGlithcy;
          animation-name: animateGlithcy;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  animation-direction: alternate-reverse;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes animateGlithcy {
  0% {
    opacity: 0.1;
    background-position: 0 0;
    filter: hue-rotate(0deg);
  }
  10% {
    background-position: 5px 0;
  }
  20% {
    background-position: -5px 0;
  }
  30% {
    background-position: 15px 0;
  }
  40% {
    background-position: -5px 0;
  }
  50% {
    background-position: -25px 0;
  }
  60% {
    background-position: -50px 0;
  }
  70% {
    background-position: 0 -20px;
  }
  80% {
    background-position: -60px -20px;
  }
  81% {
    background-position: 0 0;
  }
  100% {
    opacity: 1;
    background-position: 0 0;
    filter: hue-rotate(360deg);
  }
}

@keyframes animateGlithcy {
  0% {
    opacity: 0.1;
    background-position: 0 0;
    filter: hue-rotate(0deg);
  }
  10% {
    background-position: 5px 0;
  }
  20% {
    background-position: -5px 0;
  }
  30% {
    background-position: 15px 0;
  }
  40% {
    background-position: -5px 0;
  }
  50% {
    background-position: -25px 0;
  }
  60% {
    background-position: -50px 0;
  }
  70% {
    background-position: 0 -20px;
  }
  80% {
    background-position: -60px -20px;
  }
  81% {
    background-position: 0 0;
  }
  100% {
    opacity: 1;
    background-position: 0 0;
    filter: hue-rotate(360deg);
  }
}



/*Nature letters*/
@font-face {
  font-family: "Decovar Regular24";
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/Decovar-VF.ttf");
}

#growing{
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: "Decovar Regular24";
  font-variation-settings: "INLN" 400, "SWRM" 1000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/209708058_b5a5fb07a6_o.jpg);
  background-size: 30%;
  background-repeat: repeat;
  text-shadow: 2px 2px 5px rgba(42, 67, 8, 0.4);
  -webkit-animation: grow 3s linear infinite alternate;
          animation: grow 3s linear infinite alternate;
}
#growing:before {
  text-shadow: 1px 1px 2px rgba(42, 67, 8, 0.5), -1px 1px 2px rgba(42, 67, 8, 0.5), -1px -1px 2px rgba(42, 67, 8, 0.5), 1px -1px 2px rgba(42, 67, 8, 0.5), 3px 3px 20px rgba(0, 0, 0, 0.5);
}
#growing:after {
  color: #421F00;
  font-variation-settings: "INLN" 0;
}

@-webkit-keyframes grow {
  0% {
    font-variation-settings: "INLN" 400, "SWRM" 1000;
  }
  100% {
    font-variation-settings: "INLN" 400, "SWRM" 0;
  }
}

@keyframes grow {
  0% {
    font-variation-settings: "INLN" 400, "SWRM" 1000;
  }
  100% {
    font-variation-settings: "INLN" 400, "SWRM" 0;
  }
}


#growing {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  letter-spacing: 0.1rem;
}
#growing:after, #growing:before {
  content: attr(data-text);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
}

/*creative text*/
.text {
  
  /* optical correction */
}

.text p {
  width: 45px;
  display: inline-block;
  color: #fff;
}

.text p:nth-child(1) {
  text-shadow: 0px 0px #aaeedd, 1px 1px #aaeedd, 2px 2px #aaeedd, 3px 3px #aaeedd, 4px 4px #aaeedd, 5px 5px #aaeedd, 6px 6px #aaeedd, 7px 7px #aaeedd, 8px 8px #aaeedd, 9px 9px #aaeedd, 10px 10px #aaeedd, 11px 11px #aaeedd, 12px 12px #aaeedd, 13px 13px #aaeedd, 14px 14px #aaeedd, 15px 15px #aaeedd, 16px 16px #aaeedd, 17px 17px #aaeedd, 18px 18px #aaeedd, 19px 19px #aaeedd, 20px 20px #aaeedd, 21px 21px #aaeedd, 22px 22px #aaeedd, 23px 23px #aaeedd, 24px 24px #aaeedd, 25px 25px #aaeedd, 26px 26px #aaeedd, 27px 27px #aaeedd, 28px 28px #aaeedd, 29px 29px #aaeedd, 30px 30px #aaeedd, 31px 31px #aaeedd, 32px 32px #aaeedd, 33px 33px #aaeedd, 34px 34px #aaeedd, 35px 35px #aaeedd, 36px 36px #aaeedd, 37px 37px #aaeedd, 38px 38px #aaeedd, 39px 39px #aaeedd, 40px 40px #aaeedd, 41px 41px #aaeedd, 42px 42px #aaeedd, 43px 43px #aaeedd, 44px 44px #aaeedd, 45px 45px #aaeedd, 46px 46px #aaeedd, 47px 47px #aaeedd, 48px 48px #aaeedd, 49px 49px #aaeedd, 50px 50px #aaeedd, 51px 51px #aaeedd, 52px 52px #aaeedd, 53px 53px #aaeedd, 54px 54px #aaeedd, 55px 55px #aaeedd, 56px 56px #aaeedd, 57px 57px #aaeedd, 58px 58px #aaeedd, 59px 59px #aaeedd, 60px 60px #aaeedd, 61px 61px #aaeedd, 62px 62px #aaeedd, 63px 63px #aaeedd, 64px 64px #aaeedd, 65px 65px #aaeedd, 66px 66px #aaeedd, 67px 67px #aaeedd, 68px 68px #aaeedd, 69px 69px #aaeedd, 70px 70px #aaeedd, 71px 71px #aaeedd, 72px 72px #aaeedd, 73px 73px #aaeedd, 74px 74px #aaeedd, 75px 75px #aaeedd, 76px 76px #aaeedd, 77px 77px #aaeedd, 78px 78px #aaeedd, 79px 79px #aaeedd, 80px 80px #aaeedd, 81px 81px #aaeedd, 82px 82px #aaeedd, 83px 83px #aaeedd, 84px 84px #aaeedd, 85px 85px #aaeedd, 86px 86px #aaeedd, 87px 87px #aaeedd, 88px 88px #aaeedd, 89px 89px #aaeedd, 90px 90px #aaeedd, 91px 91px #aaeedd, 92px 92px #aaeedd, 93px 93px #aaeedd, 94px 94px #aaeedd, 95px 95px #aaeedd, 96px 96px #aaeedd, 97px 97px #aaeedd, 98px 98px #aaeedd, 99px 99px #aaeedd, 100px 100px #aaeedd, 101px 101px #aaeedd, 102px 102px #aaeedd, 103px 103px #aaeedd, 104px 104px #aaeedd, 105px 105px #aaeedd, 106px 106px #aaeedd, 107px 107px #aaeedd, 108px 108px #aaeedd, 109px 109px #aaeedd, 110px 110px #aaeedd, 111px 111px #aaeedd, 112px 112px #aaeedd, 113px 113px #aaeedd, 114px 114px #aaeedd, 115px 115px #aaeedd, 116px 116px #aaeedd, 117px 117px #aaeedd, 118px 118px #aaeedd, 119px 119px #aaeedd, 120px 120px #aaeedd, 121px 121px #aaeedd, 122px 122px #aaeedd, 123px 123px #aaeedd, 124px 124px #aaeedd, 125px 125px #aaeedd, 126px 126px #aaeedd, 127px 127px #aaeedd, 128px 128px #aaeedd, 129px 129px #aaeedd, 130px 130px #aaeedd, 131px 131px #aaeedd, 132px 132px #aaeedd, 133px 133px #aaeedd, 134px 134px #aaeedd, 135px 135px #aaeedd, 136px 136px #aaeedd, 137px 137px #aaeedd, 138px 138px #aaeedd, 139px 139px #aaeedd, 140px 140px #aaeedd, 141px 141px #aaeedd, 142px 142px #aaeedd, 143px 143px #aaeedd, 144px 144px #aaeedd, 145px 145px #aaeedd, 146px 146px #aaeedd, 147px 147px #aaeedd, 148px 148px #aaeedd, 149px 149px #aaeedd, 150px 150px #aaeedd, 151px 151px #aaeedd, 152px 152px #aaeedd, 153px 153px #aaeedd, 154px 154px #aaeedd, 155px 155px #aaeedd, 156px 156px #aaeedd, 157px 157px #aaeedd, 158px 158px #aaeedd, 159px 159px #aaeedd, 160px 160px #aaeedd, 161px 161px #aaeedd, 162px 162px #aaeedd, 163px 163px #aaeedd, 164px 164px #aaeedd, 165px 165px #aaeedd, 166px 166px #aaeedd, 167px 167px #aaeedd, 168px 168px #aaeedd, 169px 169px #aaeedd, 170px 170px #aaeedd, 171px 171px #aaeedd, 172px 172px #aaeedd, 173px 173px #aaeedd, 174px 174px #aaeedd, 175px 175px #aaeedd, 176px 176px #aaeedd, 177px 177px #aaeedd, 178px 178px #aaeedd, 179px 179px #aaeedd, 180px 180px #aaeedd, 181px 181px #aaeedd, 182px 182px #aaeedd, 183px 183px #aaeedd, 184px 184px #aaeedd, 185px 185px #aaeedd, 186px 186px #aaeedd, 187px 187px #aaeedd, 188px 188px #aaeedd, 189px 189px #aaeedd, 190px 190px #aaeedd, 191px 191px #aaeedd, 192px 192px #aaeedd, 193px 193px #aaeedd, 194px 194px #aaeedd, 195px 195px #aaeedd, 196px 196px #aaeedd, 197px 197px #aaeedd, 198px 198px #aaeedd, 199px 199px #aaeedd, 200px 200px #aaeedd, 201px 201px #aaeedd, 202px 202px #aaeedd, 203px 203px #aaeedd, 204px 204px #aaeedd, 205px 205px #aaeedd, 206px 206px #aaeedd, 207px 207px #aaeedd, 208px 208px #aaeedd, 209px 209px #aaeedd, 210px 210px #aaeedd, 211px 211px #aaeedd, 212px 212px #aaeedd, 213px 213px #aaeedd, 214px 214px #aaeedd, 215px 215px #aaeedd, 216px 216px #aaeedd, 217px 217px #aaeedd, 218px 218px #aaeedd, 219px 219px #aaeedd, 220px 220px #aaeedd, 221px 221px #aaeedd, 222px 222px #aaeedd, 223px 223px #aaeedd, 224px 224px #aaeedd, 225px 225px #aaeedd, 226px 226px #aaeedd, 227px 227px #aaeedd, 228px 228px #aaeedd, 229px 229px #aaeedd, 230px 230px #aaeedd, 231px 231px #aaeedd, 232px 232px #aaeedd, 233px 233px #aaeedd, 234px 234px #aaeedd, 235px 235px #aaeedd, 236px 236px #aaeedd, 237px 237px #aaeedd, 238px 238px #aaeedd, 239px 239px #aaeedd, 240px 240px #aaeedd, 241px 241px #aaeedd, 242px 242px #aaeedd, 243px 243px #aaeedd, 244px 244px #aaeedd, 245px 245px #aaeedd, 246px 246px #aaeedd, 247px 247px #aaeedd, 248px 248px #aaeedd, 249px 249px #aaeedd, 250px 250px #aaeedd, 251px 251px #aaeedd, 252px 252px #aaeedd, 253px 253px #aaeedd, 254px 254px #aaeedd, 255px 255px #aaeedd, 256px 256px #aaeedd, 257px 257px #aaeedd, 258px 258px #aaeedd, 259px 259px #aaeedd, 260px 260px #aaeedd, 261px 261px #aaeedd, 262px 262px #aaeedd, 263px 263px #aaeedd, 264px 264px #aaeedd, 265px 265px #aaeedd, 266px 266px #aaeedd, 267px 267px #aaeedd, 268px 268px #aaeedd, 269px 269px #aaeedd, 270px 270px #aaeedd, 271px 271px #aaeedd, 272px 272px #aaeedd, 273px 273px #aaeedd, 274px 274px #aaeedd, 275px 275px #aaeedd, 276px 276px #aaeedd, 277px 277px #aaeedd, 278px 278px #aaeedd, 279px 279px #aaeedd, 280px 280px #aaeedd, 281px 281px #aaeedd, 282px 282px #aaeedd, 283px 283px #aaeedd, 284px 284px #aaeedd, 285px 285px #aaeedd, 286px 286px #aaeedd, 287px 287px #aaeedd, 288px 288px #aaeedd, 289px 289px #aaeedd, 290px 290px #aaeedd, 291px 291px #aaeedd, 292px 292px #aaeedd, 293px 293px #aaeedd, 294px 294px #aaeedd, 295px 295px #aaeedd, 296px 296px #aaeedd, 297px 297px #aaeedd, 298px 298px #aaeedd, 299px 299px #aaeedd, 300px 300px #aaeedd;
  animation: showup 5s infinite 0.2s;
   animation-iteration-count: 1;
}

.text p:nth-child(2) {
  text-shadow: 0px 0px #aaddee, 1px 1px #aaddee, 2px 2px #aaddee, 3px 3px #aaddee, 4px 4px #aaddee, 5px 5px #aaddee, 6px 6px #aaddee, 7px 7px #aaddee, 8px 8px #aaddee, 9px 9px #aaddee, 10px 10px #aaddee, 11px 11px #aaddee, 12px 12px #aaddee, 13px 13px #aaddee, 14px 14px #aaddee, 15px 15px #aaddee, 16px 16px #aaddee, 17px 17px #aaddee, 18px 18px #aaddee, 19px 19px #aaddee, 20px 20px #aaddee, 21px 21px #aaddee, 22px 22px #aaddee, 23px 23px #aaddee, 24px 24px #aaddee, 25px 25px #aaddee, 26px 26px #aaddee, 27px 27px #aaddee, 28px 28px #aaddee, 29px 29px #aaddee, 30px 30px #aaddee, 31px 31px #aaddee, 32px 32px #aaddee, 33px 33px #aaddee, 34px 34px #aaddee, 35px 35px #aaddee, 36px 36px #aaddee, 37px 37px #aaddee, 38px 38px #aaddee, 39px 39px #aaddee, 40px 40px #aaddee, 41px 41px #aaddee, 42px 42px #aaddee, 43px 43px #aaddee, 44px 44px #aaddee, 45px 45px #aaddee, 46px 46px #aaddee, 47px 47px #aaddee, 48px 48px #aaddee, 49px 49px #aaddee, 50px 50px #aaddee, 51px 51px #aaddee, 52px 52px #aaddee, 53px 53px #aaddee, 54px 54px #aaddee, 55px 55px #aaddee, 56px 56px #aaddee, 57px 57px #aaddee, 58px 58px #aaddee, 59px 59px #aaddee, 60px 60px #aaddee, 61px 61px #aaddee, 62px 62px #aaddee, 63px 63px #aaddee, 64px 64px #aaddee, 65px 65px #aaddee, 66px 66px #aaddee, 67px 67px #aaddee, 68px 68px #aaddee, 69px 69px #aaddee, 70px 70px #aaddee, 71px 71px #aaddee, 72px 72px #aaddee, 73px 73px #aaddee, 74px 74px #aaddee, 75px 75px #aaddee, 76px 76px #aaddee, 77px 77px #aaddee, 78px 78px #aaddee, 79px 79px #aaddee, 80px 80px #aaddee, 81px 81px #aaddee, 82px 82px #aaddee, 83px 83px #aaddee, 84px 84px #aaddee, 85px 85px #aaddee, 86px 86px #aaddee, 87px 87px #aaddee, 88px 88px #aaddee, 89px 89px #aaddee, 90px 90px #aaddee, 91px 91px #aaddee, 92px 92px #aaddee, 93px 93px #aaddee, 94px 94px #aaddee, 95px 95px #aaddee, 96px 96px #aaddee, 97px 97px #aaddee, 98px 98px #aaddee, 99px 99px #aaddee, 100px 100px #aaddee, 101px 101px #aaddee, 102px 102px #aaddee, 103px 103px #aaddee, 104px 104px #aaddee, 105px 105px #aaddee, 106px 106px #aaddee, 107px 107px #aaddee, 108px 108px #aaddee, 109px 109px #aaddee, 110px 110px #aaddee, 111px 111px #aaddee, 112px 112px #aaddee, 113px 113px #aaddee, 114px 114px #aaddee, 115px 115px #aaddee, 116px 116px #aaddee, 117px 117px #aaddee, 118px 118px #aaddee, 119px 119px #aaddee, 120px 120px #aaddee, 121px 121px #aaddee, 122px 122px #aaddee, 123px 123px #aaddee, 124px 124px #aaddee, 125px 125px #aaddee, 126px 126px #aaddee, 127px 127px #aaddee, 128px 128px #aaddee, 129px 129px #aaddee, 130px 130px #aaddee, 131px 131px #aaddee, 132px 132px #aaddee, 133px 133px #aaddee, 134px 134px #aaddee, 135px 135px #aaddee, 136px 136px #aaddee, 137px 137px #aaddee, 138px 138px #aaddee, 139px 139px #aaddee, 140px 140px #aaddee, 141px 141px #aaddee, 142px 142px #aaddee, 143px 143px #aaddee, 144px 144px #aaddee, 145px 145px #aaddee, 146px 146px #aaddee, 147px 147px #aaddee, 148px 148px #aaddee, 149px 149px #aaddee, 150px 150px #aaddee, 151px 151px #aaddee, 152px 152px #aaddee, 153px 153px #aaddee, 154px 154px #aaddee, 155px 155px #aaddee, 156px 156px #aaddee, 157px 157px #aaddee, 158px 158px #aaddee, 159px 159px #aaddee, 160px 160px #aaddee, 161px 161px #aaddee, 162px 162px #aaddee, 163px 163px #aaddee, 164px 164px #aaddee, 165px 165px #aaddee, 166px 166px #aaddee, 167px 167px #aaddee, 168px 168px #aaddee, 169px 169px #aaddee, 170px 170px #aaddee, 171px 171px #aaddee, 172px 172px #aaddee, 173px 173px #aaddee, 174px 174px #aaddee, 175px 175px #aaddee, 176px 176px #aaddee, 177px 177px #aaddee, 178px 178px #aaddee, 179px 179px #aaddee, 180px 180px #aaddee, 181px 181px #aaddee, 182px 182px #aaddee, 183px 183px #aaddee, 184px 184px #aaddee, 185px 185px #aaddee, 186px 186px #aaddee, 187px 187px #aaddee, 188px 188px #aaddee, 189px 189px #aaddee, 190px 190px #aaddee, 191px 191px #aaddee, 192px 192px #aaddee, 193px 193px #aaddee, 194px 194px #aaddee, 195px 195px #aaddee, 196px 196px #aaddee, 197px 197px #aaddee, 198px 198px #aaddee, 199px 199px #aaddee, 200px 200px #aaddee, 201px 201px #aaddee, 202px 202px #aaddee, 203px 203px #aaddee, 204px 204px #aaddee, 205px 205px #aaddee, 206px 206px #aaddee, 207px 207px #aaddee, 208px 208px #aaddee, 209px 209px #aaddee, 210px 210px #aaddee, 211px 211px #aaddee, 212px 212px #aaddee, 213px 213px #aaddee, 214px 214px #aaddee, 215px 215px #aaddee, 216px 216px #aaddee, 217px 217px #aaddee, 218px 218px #aaddee, 219px 219px #aaddee, 220px 220px #aaddee, 221px 221px #aaddee, 222px 222px #aaddee, 223px 223px #aaddee, 224px 224px #aaddee, 225px 225px #aaddee, 226px 226px #aaddee, 227px 227px #aaddee, 228px 228px #aaddee, 229px 229px #aaddee, 230px 230px #aaddee, 231px 231px #aaddee, 232px 232px #aaddee, 233px 233px #aaddee, 234px 234px #aaddee, 235px 235px #aaddee, 236px 236px #aaddee, 237px 237px #aaddee, 238px 238px #aaddee, 239px 239px #aaddee, 240px 240px #aaddee, 241px 241px #aaddee, 242px 242px #aaddee, 243px 243px #aaddee, 244px 244px #aaddee, 245px 245px #aaddee, 246px 246px #aaddee, 247px 247px #aaddee, 248px 248px #aaddee, 249px 249px #aaddee, 250px 250px #aaddee, 251px 251px #aaddee, 252px 252px #aaddee, 253px 253px #aaddee, 254px 254px #aaddee, 255px 255px #aaddee, 256px 256px #aaddee, 257px 257px #aaddee, 258px 258px #aaddee, 259px 259px #aaddee, 260px 260px #aaddee, 261px 261px #aaddee, 262px 262px #aaddee, 263px 263px #aaddee, 264px 264px #aaddee, 265px 265px #aaddee, 266px 266px #aaddee, 267px 267px #aaddee, 268px 268px #aaddee, 269px 269px #aaddee, 270px 270px #aaddee, 271px 271px #aaddee, 272px 272px #aaddee, 273px 273px #aaddee, 274px 274px #aaddee, 275px 275px #aaddee, 276px 276px #aaddee, 277px 277px #aaddee, 278px 278px #aaddee, 279px 279px #aaddee, 280px 280px #aaddee, 281px 281px #aaddee, 282px 282px #aaddee, 283px 283px #aaddee, 284px 284px #aaddee, 285px 285px #aaddee, 286px 286px #aaddee, 287px 287px #aaddee, 288px 288px #aaddee, 289px 289px #aaddee, 290px 290px #aaddee, 291px 291px #aaddee, 292px 292px #aaddee, 293px 293px #aaddee, 294px 294px #aaddee, 295px 295px #aaddee, 296px 296px #aaddee, 297px 297px #aaddee, 298px 298px #aaddee, 299px 299px #aaddee, 300px 300px #aaddee;
  animation: showup 5s infinite 0.4s;
  animation-iteration-count: 1;
}

.text p:nth-child(3) {
  text-shadow: 0px 0px #aabbee, 1px 1px #aabbee, 2px 2px #aabbee, 3px 3px #aabbee, 4px 4px #aabbee, 5px 5px #aabbee, 6px 6px #aabbee, 7px 7px #aabbee, 8px 8px #aabbee, 9px 9px #aabbee, 10px 10px #aabbee, 11px 11px #aabbee, 12px 12px #aabbee, 13px 13px #aabbee, 14px 14px #aabbee, 15px 15px #aabbee, 16px 16px #aabbee, 17px 17px #aabbee, 18px 18px #aabbee, 19px 19px #aabbee, 20px 20px #aabbee, 21px 21px #aabbee, 22px 22px #aabbee, 23px 23px #aabbee, 24px 24px #aabbee, 25px 25px #aabbee, 26px 26px #aabbee, 27px 27px #aabbee, 28px 28px #aabbee, 29px 29px #aabbee, 30px 30px #aabbee, 31px 31px #aabbee, 32px 32px #aabbee, 33px 33px #aabbee, 34px 34px #aabbee, 35px 35px #aabbee, 36px 36px #aabbee, 37px 37px #aabbee, 38px 38px #aabbee, 39px 39px #aabbee, 40px 40px #aabbee, 41px 41px #aabbee, 42px 42px #aabbee, 43px 43px #aabbee, 44px 44px #aabbee, 45px 45px #aabbee, 46px 46px #aabbee, 47px 47px #aabbee, 48px 48px #aabbee, 49px 49px #aabbee, 50px 50px #aabbee, 51px 51px #aabbee, 52px 52px #aabbee, 53px 53px #aabbee, 54px 54px #aabbee, 55px 55px #aabbee, 56px 56px #aabbee, 57px 57px #aabbee, 58px 58px #aabbee, 59px 59px #aabbee, 60px 60px #aabbee, 61px 61px #aabbee, 62px 62px #aabbee, 63px 63px #aabbee, 64px 64px #aabbee, 65px 65px #aabbee, 66px 66px #aabbee, 67px 67px #aabbee, 68px 68px #aabbee, 69px 69px #aabbee, 70px 70px #aabbee, 71px 71px #aabbee, 72px 72px #aabbee, 73px 73px #aabbee, 74px 74px #aabbee, 75px 75px #aabbee, 76px 76px #aabbee, 77px 77px #aabbee, 78px 78px #aabbee, 79px 79px #aabbee, 80px 80px #aabbee, 81px 81px #aabbee, 82px 82px #aabbee, 83px 83px #aabbee, 84px 84px #aabbee, 85px 85px #aabbee, 86px 86px #aabbee, 87px 87px #aabbee, 88px 88px #aabbee, 89px 89px #aabbee, 90px 90px #aabbee, 91px 91px #aabbee, 92px 92px #aabbee, 93px 93px #aabbee, 94px 94px #aabbee, 95px 95px #aabbee, 96px 96px #aabbee, 97px 97px #aabbee, 98px 98px #aabbee, 99px 99px #aabbee, 100px 100px #aabbee, 101px 101px #aabbee, 102px 102px #aabbee, 103px 103px #aabbee, 104px 104px #aabbee, 105px 105px #aabbee, 106px 106px #aabbee, 107px 107px #aabbee, 108px 108px #aabbee, 109px 109px #aabbee, 110px 110px #aabbee, 111px 111px #aabbee, 112px 112px #aabbee, 113px 113px #aabbee, 114px 114px #aabbee, 115px 115px #aabbee, 116px 116px #aabbee, 117px 117px #aabbee, 118px 118px #aabbee, 119px 119px #aabbee, 120px 120px #aabbee, 121px 121px #aabbee, 122px 122px #aabbee, 123px 123px #aabbee, 124px 124px #aabbee, 125px 125px #aabbee, 126px 126px #aabbee, 127px 127px #aabbee, 128px 128px #aabbee, 129px 129px #aabbee, 130px 130px #aabbee, 131px 131px #aabbee, 132px 132px #aabbee, 133px 133px #aabbee, 134px 134px #aabbee, 135px 135px #aabbee, 136px 136px #aabbee, 137px 137px #aabbee, 138px 138px #aabbee, 139px 139px #aabbee, 140px 140px #aabbee, 141px 141px #aabbee, 142px 142px #aabbee, 143px 143px #aabbee, 144px 144px #aabbee, 145px 145px #aabbee, 146px 146px #aabbee, 147px 147px #aabbee, 148px 148px #aabbee, 149px 149px #aabbee, 150px 150px #aabbee, 151px 151px #aabbee, 152px 152px #aabbee, 153px 153px #aabbee, 154px 154px #aabbee, 155px 155px #aabbee, 156px 156px #aabbee, 157px 157px #aabbee, 158px 158px #aabbee, 159px 159px #aabbee, 160px 160px #aabbee, 161px 161px #aabbee, 162px 162px #aabbee, 163px 163px #aabbee, 164px 164px #aabbee, 165px 165px #aabbee, 166px 166px #aabbee, 167px 167px #aabbee, 168px 168px #aabbee, 169px 169px #aabbee, 170px 170px #aabbee, 171px 171px #aabbee, 172px 172px #aabbee, 173px 173px #aabbee, 174px 174px #aabbee, 175px 175px #aabbee, 176px 176px #aabbee, 177px 177px #aabbee, 178px 178px #aabbee, 179px 179px #aabbee, 180px 180px #aabbee, 181px 181px #aabbee, 182px 182px #aabbee, 183px 183px #aabbee, 184px 184px #aabbee, 185px 185px #aabbee, 186px 186px #aabbee, 187px 187px #aabbee, 188px 188px #aabbee, 189px 189px #aabbee, 190px 190px #aabbee, 191px 191px #aabbee, 192px 192px #aabbee, 193px 193px #aabbee, 194px 194px #aabbee, 195px 195px #aabbee, 196px 196px #aabbee, 197px 197px #aabbee, 198px 198px #aabbee, 199px 199px #aabbee, 200px 200px #aabbee, 201px 201px #aabbee, 202px 202px #aabbee, 203px 203px #aabbee, 204px 204px #aabbee, 205px 205px #aabbee, 206px 206px #aabbee, 207px 207px #aabbee, 208px 208px #aabbee, 209px 209px #aabbee, 210px 210px #aabbee, 211px 211px #aabbee, 212px 212px #aabbee, 213px 213px #aabbee, 214px 214px #aabbee, 215px 215px #aabbee, 216px 216px #aabbee, 217px 217px #aabbee, 218px 218px #aabbee, 219px 219px #aabbee, 220px 220px #aabbee, 221px 221px #aabbee, 222px 222px #aabbee, 223px 223px #aabbee, 224px 224px #aabbee, 225px 225px #aabbee, 226px 226px #aabbee, 227px 227px #aabbee, 228px 228px #aabbee, 229px 229px #aabbee, 230px 230px #aabbee, 231px 231px #aabbee, 232px 232px #aabbee, 233px 233px #aabbee, 234px 234px #aabbee, 235px 235px #aabbee, 236px 236px #aabbee, 237px 237px #aabbee, 238px 238px #aabbee, 239px 239px #aabbee, 240px 240px #aabbee, 241px 241px #aabbee, 242px 242px #aabbee, 243px 243px #aabbee, 244px 244px #aabbee, 245px 245px #aabbee, 246px 246px #aabbee, 247px 247px #aabbee, 248px 248px #aabbee, 249px 249px #aabbee, 250px 250px #aabbee, 251px 251px #aabbee, 252px 252px #aabbee, 253px 253px #aabbee, 254px 254px #aabbee, 255px 255px #aabbee, 256px 256px #aabbee, 257px 257px #aabbee, 258px 258px #aabbee, 259px 259px #aabbee, 260px 260px #aabbee, 261px 261px #aabbee, 262px 262px #aabbee, 263px 263px #aabbee, 264px 264px #aabbee, 265px 265px #aabbee, 266px 266px #aabbee, 267px 267px #aabbee, 268px 268px #aabbee, 269px 269px #aabbee, 270px 270px #aabbee, 271px 271px #aabbee, 272px 272px #aabbee, 273px 273px #aabbee, 274px 274px #aabbee, 275px 275px #aabbee, 276px 276px #aabbee, 277px 277px #aabbee, 278px 278px #aabbee, 279px 279px #aabbee, 280px 280px #aabbee, 281px 281px #aabbee, 282px 282px #aabbee, 283px 283px #aabbee, 284px 284px #aabbee, 285px 285px #aabbee, 286px 286px #aabbee, 287px 287px #aabbee, 288px 288px #aabbee, 289px 289px #aabbee, 290px 290px #aabbee, 291px 291px #aabbee, 292px 292px #aabbee, 293px 293px #aabbee, 294px 294px #aabbee, 295px 295px #aabbee, 296px 296px #aabbee, 297px 297px #aabbee, 298px 298px #aabbee, 299px 299px #aabbee, 300px 300px #aabbee;
  animation: showup 5s infinite 0.6s;
  animation-iteration-count: 1;
}

.text p:nth-child(4) {
  text-shadow: 0px 0px #bbaaee, 1px 1px #bbaaee, 2px 2px #bbaaee, 3px 3px #bbaaee, 4px 4px #bbaaee, 5px 5px #bbaaee, 6px 6px #bbaaee, 7px 7px #bbaaee, 8px 8px #bbaaee, 9px 9px #bbaaee, 10px 10px #bbaaee, 11px 11px #bbaaee, 12px 12px #bbaaee, 13px 13px #bbaaee, 14px 14px #bbaaee, 15px 15px #bbaaee, 16px 16px #bbaaee, 17px 17px #bbaaee, 18px 18px #bbaaee, 19px 19px #bbaaee, 20px 20px #bbaaee, 21px 21px #bbaaee, 22px 22px #bbaaee, 23px 23px #bbaaee, 24px 24px #bbaaee, 25px 25px #bbaaee, 26px 26px #bbaaee, 27px 27px #bbaaee, 28px 28px #bbaaee, 29px 29px #bbaaee, 30px 30px #bbaaee, 31px 31px #bbaaee, 32px 32px #bbaaee, 33px 33px #bbaaee, 34px 34px #bbaaee, 35px 35px #bbaaee, 36px 36px #bbaaee, 37px 37px #bbaaee, 38px 38px #bbaaee, 39px 39px #bbaaee, 40px 40px #bbaaee, 41px 41px #bbaaee, 42px 42px #bbaaee, 43px 43px #bbaaee, 44px 44px #bbaaee, 45px 45px #bbaaee, 46px 46px #bbaaee, 47px 47px #bbaaee, 48px 48px #bbaaee, 49px 49px #bbaaee, 50px 50px #bbaaee, 51px 51px #bbaaee, 52px 52px #bbaaee, 53px 53px #bbaaee, 54px 54px #bbaaee, 55px 55px #bbaaee, 56px 56px #bbaaee, 57px 57px #bbaaee, 58px 58px #bbaaee, 59px 59px #bbaaee, 60px 60px #bbaaee, 61px 61px #bbaaee, 62px 62px #bbaaee, 63px 63px #bbaaee, 64px 64px #bbaaee, 65px 65px #bbaaee, 66px 66px #bbaaee, 67px 67px #bbaaee, 68px 68px #bbaaee, 69px 69px #bbaaee, 70px 70px #bbaaee, 71px 71px #bbaaee, 72px 72px #bbaaee, 73px 73px #bbaaee, 74px 74px #bbaaee, 75px 75px #bbaaee, 76px 76px #bbaaee, 77px 77px #bbaaee, 78px 78px #bbaaee, 79px 79px #bbaaee, 80px 80px #bbaaee, 81px 81px #bbaaee, 82px 82px #bbaaee, 83px 83px #bbaaee, 84px 84px #bbaaee, 85px 85px #bbaaee, 86px 86px #bbaaee, 87px 87px #bbaaee, 88px 88px #bbaaee, 89px 89px #bbaaee, 90px 90px #bbaaee, 91px 91px #bbaaee, 92px 92px #bbaaee, 93px 93px #bbaaee, 94px 94px #bbaaee, 95px 95px #bbaaee, 96px 96px #bbaaee, 97px 97px #bbaaee, 98px 98px #bbaaee, 99px 99px #bbaaee, 100px 100px #bbaaee, 101px 101px #bbaaee, 102px 102px #bbaaee, 103px 103px #bbaaee, 104px 104px #bbaaee, 105px 105px #bbaaee, 106px 106px #bbaaee, 107px 107px #bbaaee, 108px 108px #bbaaee, 109px 109px #bbaaee, 110px 110px #bbaaee, 111px 111px #bbaaee, 112px 112px #bbaaee, 113px 113px #bbaaee, 114px 114px #bbaaee, 115px 115px #bbaaee, 116px 116px #bbaaee, 117px 117px #bbaaee, 118px 118px #bbaaee, 119px 119px #bbaaee, 120px 120px #bbaaee, 121px 121px #bbaaee, 122px 122px #bbaaee, 123px 123px #bbaaee, 124px 124px #bbaaee, 125px 125px #bbaaee, 126px 126px #bbaaee, 127px 127px #bbaaee, 128px 128px #bbaaee, 129px 129px #bbaaee, 130px 130px #bbaaee, 131px 131px #bbaaee, 132px 132px #bbaaee, 133px 133px #bbaaee, 134px 134px #bbaaee, 135px 135px #bbaaee, 136px 136px #bbaaee, 137px 137px #bbaaee, 138px 138px #bbaaee, 139px 139px #bbaaee, 140px 140px #bbaaee, 141px 141px #bbaaee, 142px 142px #bbaaee, 143px 143px #bbaaee, 144px 144px #bbaaee, 145px 145px #bbaaee, 146px 146px #bbaaee, 147px 147px #bbaaee, 148px 148px #bbaaee, 149px 149px #bbaaee, 150px 150px #bbaaee, 151px 151px #bbaaee, 152px 152px #bbaaee, 153px 153px #bbaaee, 154px 154px #bbaaee, 155px 155px #bbaaee, 156px 156px #bbaaee, 157px 157px #bbaaee, 158px 158px #bbaaee, 159px 159px #bbaaee, 160px 160px #bbaaee, 161px 161px #bbaaee, 162px 162px #bbaaee, 163px 163px #bbaaee, 164px 164px #bbaaee, 165px 165px #bbaaee, 166px 166px #bbaaee, 167px 167px #bbaaee, 168px 168px #bbaaee, 169px 169px #bbaaee, 170px 170px #bbaaee, 171px 171px #bbaaee, 172px 172px #bbaaee, 173px 173px #bbaaee, 174px 174px #bbaaee, 175px 175px #bbaaee, 176px 176px #bbaaee, 177px 177px #bbaaee, 178px 178px #bbaaee, 179px 179px #bbaaee, 180px 180px #bbaaee, 181px 181px #bbaaee, 182px 182px #bbaaee, 183px 183px #bbaaee, 184px 184px #bbaaee, 185px 185px #bbaaee, 186px 186px #bbaaee, 187px 187px #bbaaee, 188px 188px #bbaaee, 189px 189px #bbaaee, 190px 190px #bbaaee, 191px 191px #bbaaee, 192px 192px #bbaaee, 193px 193px #bbaaee, 194px 194px #bbaaee, 195px 195px #bbaaee, 196px 196px #bbaaee, 197px 197px #bbaaee, 198px 198px #bbaaee, 199px 199px #bbaaee, 200px 200px #bbaaee, 201px 201px #bbaaee, 202px 202px #bbaaee, 203px 203px #bbaaee, 204px 204px #bbaaee, 205px 205px #bbaaee, 206px 206px #bbaaee, 207px 207px #bbaaee, 208px 208px #bbaaee, 209px 209px #bbaaee, 210px 210px #bbaaee, 211px 211px #bbaaee, 212px 212px #bbaaee, 213px 213px #bbaaee, 214px 214px #bbaaee, 215px 215px #bbaaee, 216px 216px #bbaaee, 217px 217px #bbaaee, 218px 218px #bbaaee, 219px 219px #bbaaee, 220px 220px #bbaaee, 221px 221px #bbaaee, 222px 222px #bbaaee, 223px 223px #bbaaee, 224px 224px #bbaaee, 225px 225px #bbaaee, 226px 226px #bbaaee, 227px 227px #bbaaee, 228px 228px #bbaaee, 229px 229px #bbaaee, 230px 230px #bbaaee, 231px 231px #bbaaee, 232px 232px #bbaaee, 233px 233px #bbaaee, 234px 234px #bbaaee, 235px 235px #bbaaee, 236px 236px #bbaaee, 237px 237px #bbaaee, 238px 238px #bbaaee, 239px 239px #bbaaee, 240px 240px #bbaaee, 241px 241px #bbaaee, 242px 242px #bbaaee, 243px 243px #bbaaee, 244px 244px #bbaaee, 245px 245px #bbaaee, 246px 246px #bbaaee, 247px 247px #bbaaee, 248px 248px #bbaaee, 249px 249px #bbaaee, 250px 250px #bbaaee, 251px 251px #bbaaee, 252px 252px #bbaaee, 253px 253px #bbaaee, 254px 254px #bbaaee, 255px 255px #bbaaee, 256px 256px #bbaaee, 257px 257px #bbaaee, 258px 258px #bbaaee, 259px 259px #bbaaee, 260px 260px #bbaaee, 261px 261px #bbaaee, 262px 262px #bbaaee, 263px 263px #bbaaee, 264px 264px #bbaaee, 265px 265px #bbaaee, 266px 266px #bbaaee, 267px 267px #bbaaee, 268px 268px #bbaaee, 269px 269px #bbaaee, 270px 270px #bbaaee, 271px 271px #bbaaee, 272px 272px #bbaaee, 273px 273px #bbaaee, 274px 274px #bbaaee, 275px 275px #bbaaee, 276px 276px #bbaaee, 277px 277px #bbaaee, 278px 278px #bbaaee, 279px 279px #bbaaee, 280px 280px #bbaaee, 281px 281px #bbaaee, 282px 282px #bbaaee, 283px 283px #bbaaee, 284px 284px #bbaaee, 285px 285px #bbaaee, 286px 286px #bbaaee, 287px 287px #bbaaee, 288px 288px #bbaaee, 289px 289px #bbaaee, 290px 290px #bbaaee, 291px 291px #bbaaee, 292px 292px #bbaaee, 293px 293px #bbaaee, 294px 294px #bbaaee, 295px 295px #bbaaee, 296px 296px #bbaaee, 297px 297px #bbaaee, 298px 298px #bbaaee, 299px 299px #bbaaee, 300px 300px #bbaaee;
  animation: showup 5s infinite 0.8s;
  animation-iteration-count: 1;
}

.text p:nth-child(5) {
  text-shadow: 0px 0px #ddaaee, 1px 1px #ddaaee, 2px 2px #ddaaee, 3px 3px #ddaaee, 4px 4px #ddaaee, 5px 5px #ddaaee, 6px 6px #ddaaee, 7px 7px #ddaaee, 8px 8px #ddaaee, 9px 9px #ddaaee, 10px 10px #ddaaee, 11px 11px #ddaaee, 12px 12px #ddaaee, 13px 13px #ddaaee, 14px 14px #ddaaee, 15px 15px #ddaaee, 16px 16px #ddaaee, 17px 17px #ddaaee, 18px 18px #ddaaee, 19px 19px #ddaaee, 20px 20px #ddaaee, 21px 21px #ddaaee, 22px 22px #ddaaee, 23px 23px #ddaaee, 24px 24px #ddaaee, 25px 25px #ddaaee, 26px 26px #ddaaee, 27px 27px #ddaaee, 28px 28px #ddaaee, 29px 29px #ddaaee, 30px 30px #ddaaee, 31px 31px #ddaaee, 32px 32px #ddaaee, 33px 33px #ddaaee, 34px 34px #ddaaee, 35px 35px #ddaaee, 36px 36px #ddaaee, 37px 37px #ddaaee, 38px 38px #ddaaee, 39px 39px #ddaaee, 40px 40px #ddaaee, 41px 41px #ddaaee, 42px 42px #ddaaee, 43px 43px #ddaaee, 44px 44px #ddaaee, 45px 45px #ddaaee, 46px 46px #ddaaee, 47px 47px #ddaaee, 48px 48px #ddaaee, 49px 49px #ddaaee, 50px 50px #ddaaee, 51px 51px #ddaaee, 52px 52px #ddaaee, 53px 53px #ddaaee, 54px 54px #ddaaee, 55px 55px #ddaaee, 56px 56px #ddaaee, 57px 57px #ddaaee, 58px 58px #ddaaee, 59px 59px #ddaaee, 60px 60px #ddaaee, 61px 61px #ddaaee, 62px 62px #ddaaee, 63px 63px #ddaaee, 64px 64px #ddaaee, 65px 65px #ddaaee, 66px 66px #ddaaee, 67px 67px #ddaaee, 68px 68px #ddaaee, 69px 69px #ddaaee, 70px 70px #ddaaee, 71px 71px #ddaaee, 72px 72px #ddaaee, 73px 73px #ddaaee, 74px 74px #ddaaee, 75px 75px #ddaaee, 76px 76px #ddaaee, 77px 77px #ddaaee, 78px 78px #ddaaee, 79px 79px #ddaaee, 80px 80px #ddaaee, 81px 81px #ddaaee, 82px 82px #ddaaee, 83px 83px #ddaaee, 84px 84px #ddaaee, 85px 85px #ddaaee, 86px 86px #ddaaee, 87px 87px #ddaaee, 88px 88px #ddaaee, 89px 89px #ddaaee, 90px 90px #ddaaee, 91px 91px #ddaaee, 92px 92px #ddaaee, 93px 93px #ddaaee, 94px 94px #ddaaee, 95px 95px #ddaaee, 96px 96px #ddaaee, 97px 97px #ddaaee, 98px 98px #ddaaee, 99px 99px #ddaaee, 100px 100px #ddaaee, 101px 101px #ddaaee, 102px 102px #ddaaee, 103px 103px #ddaaee, 104px 104px #ddaaee, 105px 105px #ddaaee, 106px 106px #ddaaee, 107px 107px #ddaaee, 108px 108px #ddaaee, 109px 109px #ddaaee, 110px 110px #ddaaee, 111px 111px #ddaaee, 112px 112px #ddaaee, 113px 113px #ddaaee, 114px 114px #ddaaee, 115px 115px #ddaaee, 116px 116px #ddaaee, 117px 117px #ddaaee, 118px 118px #ddaaee, 119px 119px #ddaaee, 120px 120px #ddaaee, 121px 121px #ddaaee, 122px 122px #ddaaee, 123px 123px #ddaaee, 124px 124px #ddaaee, 125px 125px #ddaaee, 126px 126px #ddaaee, 127px 127px #ddaaee, 128px 128px #ddaaee, 129px 129px #ddaaee, 130px 130px #ddaaee, 131px 131px #ddaaee, 132px 132px #ddaaee, 133px 133px #ddaaee, 134px 134px #ddaaee, 135px 135px #ddaaee, 136px 136px #ddaaee, 137px 137px #ddaaee, 138px 138px #ddaaee, 139px 139px #ddaaee, 140px 140px #ddaaee, 141px 141px #ddaaee, 142px 142px #ddaaee, 143px 143px #ddaaee, 144px 144px #ddaaee, 145px 145px #ddaaee, 146px 146px #ddaaee, 147px 147px #ddaaee, 148px 148px #ddaaee, 149px 149px #ddaaee, 150px 150px #ddaaee, 151px 151px #ddaaee, 152px 152px #ddaaee, 153px 153px #ddaaee, 154px 154px #ddaaee, 155px 155px #ddaaee, 156px 156px #ddaaee, 157px 157px #ddaaee, 158px 158px #ddaaee, 159px 159px #ddaaee, 160px 160px #ddaaee, 161px 161px #ddaaee, 162px 162px #ddaaee, 163px 163px #ddaaee, 164px 164px #ddaaee, 165px 165px #ddaaee, 166px 166px #ddaaee, 167px 167px #ddaaee, 168px 168px #ddaaee, 169px 169px #ddaaee, 170px 170px #ddaaee, 171px 171px #ddaaee, 172px 172px #ddaaee, 173px 173px #ddaaee, 174px 174px #ddaaee, 175px 175px #ddaaee, 176px 176px #ddaaee, 177px 177px #ddaaee, 178px 178px #ddaaee, 179px 179px #ddaaee, 180px 180px #ddaaee, 181px 181px #ddaaee, 182px 182px #ddaaee, 183px 183px #ddaaee, 184px 184px #ddaaee, 185px 185px #ddaaee, 186px 186px #ddaaee, 187px 187px #ddaaee, 188px 188px #ddaaee, 189px 189px #ddaaee, 190px 190px #ddaaee, 191px 191px #ddaaee, 192px 192px #ddaaee, 193px 193px #ddaaee, 194px 194px #ddaaee, 195px 195px #ddaaee, 196px 196px #ddaaee, 197px 197px #ddaaee, 198px 198px #ddaaee, 199px 199px #ddaaee, 200px 200px #ddaaee, 201px 201px #ddaaee, 202px 202px #ddaaee, 203px 203px #ddaaee, 204px 204px #ddaaee, 205px 205px #ddaaee, 206px 206px #ddaaee, 207px 207px #ddaaee, 208px 208px #ddaaee, 209px 209px #ddaaee, 210px 210px #ddaaee, 211px 211px #ddaaee, 212px 212px #ddaaee, 213px 213px #ddaaee, 214px 214px #ddaaee, 215px 215px #ddaaee, 216px 216px #ddaaee, 217px 217px #ddaaee, 218px 218px #ddaaee, 219px 219px #ddaaee, 220px 220px #ddaaee, 221px 221px #ddaaee, 222px 222px #ddaaee, 223px 223px #ddaaee, 224px 224px #ddaaee, 225px 225px #ddaaee, 226px 226px #ddaaee, 227px 227px #ddaaee, 228px 228px #ddaaee, 229px 229px #ddaaee, 230px 230px #ddaaee, 231px 231px #ddaaee, 232px 232px #ddaaee, 233px 233px #ddaaee, 234px 234px #ddaaee, 235px 235px #ddaaee, 236px 236px #ddaaee, 237px 237px #ddaaee, 238px 238px #ddaaee, 239px 239px #ddaaee, 240px 240px #ddaaee, 241px 241px #ddaaee, 242px 242px #ddaaee, 243px 243px #ddaaee, 244px 244px #ddaaee, 245px 245px #ddaaee, 246px 246px #ddaaee, 247px 247px #ddaaee, 248px 248px #ddaaee, 249px 249px #ddaaee, 250px 250px #ddaaee, 251px 251px #ddaaee, 252px 252px #ddaaee, 253px 253px #ddaaee, 254px 254px #ddaaee, 255px 255px #ddaaee, 256px 256px #ddaaee, 257px 257px #ddaaee, 258px 258px #ddaaee, 259px 259px #ddaaee, 260px 260px #ddaaee, 261px 261px #ddaaee, 262px 262px #ddaaee, 263px 263px #ddaaee, 264px 264px #ddaaee, 265px 265px #ddaaee, 266px 266px #ddaaee, 267px 267px #ddaaee, 268px 268px #ddaaee, 269px 269px #ddaaee, 270px 270px #ddaaee, 271px 271px #ddaaee, 272px 272px #ddaaee, 273px 273px #ddaaee, 274px 274px #ddaaee, 275px 275px #ddaaee, 276px 276px #ddaaee, 277px 277px #ddaaee, 278px 278px #ddaaee, 279px 279px #ddaaee, 280px 280px #ddaaee, 281px 281px #ddaaee, 282px 282px #ddaaee, 283px 283px #ddaaee, 284px 284px #ddaaee, 285px 285px #ddaaee, 286px 286px #ddaaee, 287px 287px #ddaaee, 288px 288px #ddaaee, 289px 289px #ddaaee, 290px 290px #ddaaee, 291px 291px #ddaaee, 292px 292px #ddaaee, 293px 293px #ddaaee, 294px 294px #ddaaee, 295px 295px #ddaaee, 296px 296px #ddaaee, 297px 297px #ddaaee, 298px 298px #ddaaee, 299px 299px #ddaaee, 300px 300px #ddaaee;
  animation: showup 5s infinite 1s;
  animation-iteration-count: 1;
   margin-left:-7px;
}

.text p:nth-child(6) {
  text-shadow: 0px 0px #eeaadd, 1px 1px #eeaadd, 2px 2px #eeaadd, 3px 3px #eeaadd, 4px 4px #eeaadd, 5px 5px #eeaadd, 6px 6px #eeaadd, 7px 7px #eeaadd, 8px 8px #eeaadd, 9px 9px #eeaadd, 10px 10px #eeaadd, 11px 11px #eeaadd, 12px 12px #eeaadd, 13px 13px #eeaadd, 14px 14px #eeaadd, 15px 15px #eeaadd, 16px 16px #eeaadd, 17px 17px #eeaadd, 18px 18px #eeaadd, 19px 19px #eeaadd, 20px 20px #eeaadd, 21px 21px #eeaadd, 22px 22px #eeaadd, 23px 23px #eeaadd, 24px 24px #eeaadd, 25px 25px #eeaadd, 26px 26px #eeaadd, 27px 27px #eeaadd, 28px 28px #eeaadd, 29px 29px #eeaadd, 30px 30px #eeaadd, 31px 31px #eeaadd, 32px 32px #eeaadd, 33px 33px #eeaadd, 34px 34px #eeaadd, 35px 35px #eeaadd, 36px 36px #eeaadd, 37px 37px #eeaadd, 38px 38px #eeaadd, 39px 39px #eeaadd, 40px 40px #eeaadd, 41px 41px #eeaadd, 42px 42px #eeaadd, 43px 43px #eeaadd, 44px 44px #eeaadd, 45px 45px #eeaadd, 46px 46px #eeaadd, 47px 47px #eeaadd, 48px 48px #eeaadd, 49px 49px #eeaadd, 50px 50px #eeaadd, 51px 51px #eeaadd, 52px 52px #eeaadd, 53px 53px #eeaadd, 54px 54px #eeaadd, 55px 55px #eeaadd, 56px 56px #eeaadd, 57px 57px #eeaadd, 58px 58px #eeaadd, 59px 59px #eeaadd, 60px 60px #eeaadd, 61px 61px #eeaadd, 62px 62px #eeaadd, 63px 63px #eeaadd, 64px 64px #eeaadd, 65px 65px #eeaadd, 66px 66px #eeaadd, 67px 67px #eeaadd, 68px 68px #eeaadd, 69px 69px #eeaadd, 70px 70px #eeaadd, 71px 71px #eeaadd, 72px 72px #eeaadd, 73px 73px #eeaadd, 74px 74px #eeaadd, 75px 75px #eeaadd, 76px 76px #eeaadd, 77px 77px #eeaadd, 78px 78px #eeaadd, 79px 79px #eeaadd, 80px 80px #eeaadd, 81px 81px #eeaadd, 82px 82px #eeaadd, 83px 83px #eeaadd, 84px 84px #eeaadd, 85px 85px #eeaadd, 86px 86px #eeaadd, 87px 87px #eeaadd, 88px 88px #eeaadd, 89px 89px #eeaadd, 90px 90px #eeaadd, 91px 91px #eeaadd, 92px 92px #eeaadd, 93px 93px #eeaadd, 94px 94px #eeaadd, 95px 95px #eeaadd, 96px 96px #eeaadd, 97px 97px #eeaadd, 98px 98px #eeaadd, 99px 99px #eeaadd, 100px 100px #eeaadd, 101px 101px #eeaadd, 102px 102px #eeaadd, 103px 103px #eeaadd, 104px 104px #eeaadd, 105px 105px #eeaadd, 106px 106px #eeaadd, 107px 107px #eeaadd, 108px 108px #eeaadd, 109px 109px #eeaadd, 110px 110px #eeaadd, 111px 111px #eeaadd, 112px 112px #eeaadd, 113px 113px #eeaadd, 114px 114px #eeaadd, 115px 115px #eeaadd, 116px 116px #eeaadd, 117px 117px #eeaadd, 118px 118px #eeaadd, 119px 119px #eeaadd, 120px 120px #eeaadd, 121px 121px #eeaadd, 122px 122px #eeaadd, 123px 123px #eeaadd, 124px 124px #eeaadd, 125px 125px #eeaadd, 126px 126px #eeaadd, 127px 127px #eeaadd, 128px 128px #eeaadd, 129px 129px #eeaadd, 130px 130px #eeaadd, 131px 131px #eeaadd, 132px 132px #eeaadd, 133px 133px #eeaadd, 134px 134px #eeaadd, 135px 135px #eeaadd, 136px 136px #eeaadd, 137px 137px #eeaadd, 138px 138px #eeaadd, 139px 139px #eeaadd, 140px 140px #eeaadd, 141px 141px #eeaadd, 142px 142px #eeaadd, 143px 143px #eeaadd, 144px 144px #eeaadd, 145px 145px #eeaadd, 146px 146px #eeaadd, 147px 147px #eeaadd, 148px 148px #eeaadd, 149px 149px #eeaadd, 150px 150px #eeaadd, 151px 151px #eeaadd, 152px 152px #eeaadd, 153px 153px #eeaadd, 154px 154px #eeaadd, 155px 155px #eeaadd, 156px 156px #eeaadd, 157px 157px #eeaadd, 158px 158px #eeaadd, 159px 159px #eeaadd, 160px 160px #eeaadd, 161px 161px #eeaadd, 162px 162px #eeaadd, 163px 163px #eeaadd, 164px 164px #eeaadd, 165px 165px #eeaadd, 166px 166px #eeaadd, 167px 167px #eeaadd, 168px 168px #eeaadd, 169px 169px #eeaadd, 170px 170px #eeaadd, 171px 171px #eeaadd, 172px 172px #eeaadd, 173px 173px #eeaadd, 174px 174px #eeaadd, 175px 175px #eeaadd, 176px 176px #eeaadd, 177px 177px #eeaadd, 178px 178px #eeaadd, 179px 179px #eeaadd, 180px 180px #eeaadd, 181px 181px #eeaadd, 182px 182px #eeaadd, 183px 183px #eeaadd, 184px 184px #eeaadd, 185px 185px #eeaadd, 186px 186px #eeaadd, 187px 187px #eeaadd, 188px 188px #eeaadd, 189px 189px #eeaadd, 190px 190px #eeaadd, 191px 191px #eeaadd, 192px 192px #eeaadd, 193px 193px #eeaadd, 194px 194px #eeaadd, 195px 195px #eeaadd, 196px 196px #eeaadd, 197px 197px #eeaadd, 198px 198px #eeaadd, 199px 199px #eeaadd, 200px 200px #eeaadd, 201px 201px #eeaadd, 202px 202px #eeaadd, 203px 203px #eeaadd, 204px 204px #eeaadd, 205px 205px #eeaadd, 206px 206px #eeaadd, 207px 207px #eeaadd, 208px 208px #eeaadd, 209px 209px #eeaadd, 210px 210px #eeaadd, 211px 211px #eeaadd, 212px 212px #eeaadd, 213px 213px #eeaadd, 214px 214px #eeaadd, 215px 215px #eeaadd, 216px 216px #eeaadd, 217px 217px #eeaadd, 218px 218px #eeaadd, 219px 219px #eeaadd, 220px 220px #eeaadd, 221px 221px #eeaadd, 222px 222px #eeaadd, 223px 223px #eeaadd, 224px 224px #eeaadd, 225px 225px #eeaadd, 226px 226px #eeaadd, 227px 227px #eeaadd, 228px 228px #eeaadd, 229px 229px #eeaadd, 230px 230px #eeaadd, 231px 231px #eeaadd, 232px 232px #eeaadd, 233px 233px #eeaadd, 234px 234px #eeaadd, 235px 235px #eeaadd, 236px 236px #eeaadd, 237px 237px #eeaadd, 238px 238px #eeaadd, 239px 239px #eeaadd, 240px 240px #eeaadd, 241px 241px #eeaadd, 242px 242px #eeaadd, 243px 243px #eeaadd, 244px 244px #eeaadd, 245px 245px #eeaadd, 246px 246px #eeaadd, 247px 247px #eeaadd, 248px 248px #eeaadd, 249px 249px #eeaadd, 250px 250px #eeaadd, 251px 251px #eeaadd, 252px 252px #eeaadd, 253px 253px #eeaadd, 254px 254px #eeaadd, 255px 255px #eeaadd, 256px 256px #eeaadd, 257px 257px #eeaadd, 258px 258px #eeaadd, 259px 259px #eeaadd, 260px 260px #eeaadd, 261px 261px #eeaadd, 262px 262px #eeaadd, 263px 263px #eeaadd, 264px 264px #eeaadd, 265px 265px #eeaadd, 266px 266px #eeaadd, 267px 267px #eeaadd, 268px 268px #eeaadd, 269px 269px #eeaadd, 270px 270px #eeaadd, 271px 271px #eeaadd, 272px 272px #eeaadd, 273px 273px #eeaadd, 274px 274px #eeaadd, 275px 275px #eeaadd, 276px 276px #eeaadd, 277px 277px #eeaadd, 278px 278px #eeaadd, 279px 279px #eeaadd, 280px 280px #eeaadd, 281px 281px #eeaadd, 282px 282px #eeaadd, 283px 283px #eeaadd, 284px 284px #eeaadd, 285px 285px #eeaadd, 286px 286px #eeaadd, 287px 287px #eeaadd, 288px 288px #eeaadd, 289px 289px #eeaadd, 290px 290px #eeaadd, 291px 291px #eeaadd, 292px 292px #eeaadd, 293px 293px #eeaadd, 294px 294px #eeaadd, 295px 295px #eeaadd, 296px 296px #eeaadd, 297px 297px #eeaadd, 298px 298px #eeaadd, 299px 299px #eeaadd, 300px 300px #eeaadd;
  animation: showup 5s infinite 1.2s;
  animation-iteration-count: 1;
}

.text p:nth-child(7) {
  text-shadow: 0px 0px #eeaabb, 1px 1px #eeaabb, 2px 2px #eeaabb, 3px 3px #eeaabb, 4px 4px #eeaabb, 5px 5px #eeaabb, 6px 6px #eeaabb, 7px 7px #eeaabb, 8px 8px #eeaabb, 9px 9px #eeaabb, 10px 10px #eeaabb, 11px 11px #eeaabb, 12px 12px #eeaabb, 13px 13px #eeaabb, 14px 14px #eeaabb, 15px 15px #eeaabb, 16px 16px #eeaabb, 17px 17px #eeaabb, 18px 18px #eeaabb, 19px 19px #eeaabb, 20px 20px #eeaabb, 21px 21px #eeaabb, 22px 22px #eeaabb, 23px 23px #eeaabb, 24px 24px #eeaabb, 25px 25px #eeaabb, 26px 26px #eeaabb, 27px 27px #eeaabb, 28px 28px #eeaabb, 29px 29px #eeaabb, 30px 30px #eeaabb, 31px 31px #eeaabb, 32px 32px #eeaabb, 33px 33px #eeaabb, 34px 34px #eeaabb, 35px 35px #eeaabb, 36px 36px #eeaabb, 37px 37px #eeaabb, 38px 38px #eeaabb, 39px 39px #eeaabb, 40px 40px #eeaabb, 41px 41px #eeaabb, 42px 42px #eeaabb, 43px 43px #eeaabb, 44px 44px #eeaabb, 45px 45px #eeaabb, 46px 46px #eeaabb, 47px 47px #eeaabb, 48px 48px #eeaabb, 49px 49px #eeaabb, 50px 50px #eeaabb, 51px 51px #eeaabb, 52px 52px #eeaabb, 53px 53px #eeaabb, 54px 54px #eeaabb, 55px 55px #eeaabb, 56px 56px #eeaabb, 57px 57px #eeaabb, 58px 58px #eeaabb, 59px 59px #eeaabb, 60px 60px #eeaabb, 61px 61px #eeaabb, 62px 62px #eeaabb, 63px 63px #eeaabb, 64px 64px #eeaabb, 65px 65px #eeaabb, 66px 66px #eeaabb, 67px 67px #eeaabb, 68px 68px #eeaabb, 69px 69px #eeaabb, 70px 70px #eeaabb, 71px 71px #eeaabb, 72px 72px #eeaabb, 73px 73px #eeaabb, 74px 74px #eeaabb, 75px 75px #eeaabb, 76px 76px #eeaabb, 77px 77px #eeaabb, 78px 78px #eeaabb, 79px 79px #eeaabb, 80px 80px #eeaabb, 81px 81px #eeaabb, 82px 82px #eeaabb, 83px 83px #eeaabb, 84px 84px #eeaabb, 85px 85px #eeaabb, 86px 86px #eeaabb, 87px 87px #eeaabb, 88px 88px #eeaabb, 89px 89px #eeaabb, 90px 90px #eeaabb, 91px 91px #eeaabb, 92px 92px #eeaabb, 93px 93px #eeaabb, 94px 94px #eeaabb, 95px 95px #eeaabb, 96px 96px #eeaabb, 97px 97px #eeaabb, 98px 98px #eeaabb, 99px 99px #eeaabb, 100px 100px #eeaabb, 101px 101px #eeaabb, 102px 102px #eeaabb, 103px 103px #eeaabb, 104px 104px #eeaabb, 105px 105px #eeaabb, 106px 106px #eeaabb, 107px 107px #eeaabb, 108px 108px #eeaabb, 109px 109px #eeaabb, 110px 110px #eeaabb, 111px 111px #eeaabb, 112px 112px #eeaabb, 113px 113px #eeaabb, 114px 114px #eeaabb, 115px 115px #eeaabb, 116px 116px #eeaabb, 117px 117px #eeaabb, 118px 118px #eeaabb, 119px 119px #eeaabb, 120px 120px #eeaabb, 121px 121px #eeaabb, 122px 122px #eeaabb, 123px 123px #eeaabb, 124px 124px #eeaabb, 125px 125px #eeaabb, 126px 126px #eeaabb, 127px 127px #eeaabb, 128px 128px #eeaabb, 129px 129px #eeaabb, 130px 130px #eeaabb, 131px 131px #eeaabb, 132px 132px #eeaabb, 133px 133px #eeaabb, 134px 134px #eeaabb, 135px 135px #eeaabb, 136px 136px #eeaabb, 137px 137px #eeaabb, 138px 138px #eeaabb, 139px 139px #eeaabb, 140px 140px #eeaabb, 141px 141px #eeaabb, 142px 142px #eeaabb, 143px 143px #eeaabb, 144px 144px #eeaabb, 145px 145px #eeaabb, 146px 146px #eeaabb, 147px 147px #eeaabb, 148px 148px #eeaabb, 149px 149px #eeaabb, 150px 150px #eeaabb, 151px 151px #eeaabb, 152px 152px #eeaabb, 153px 153px #eeaabb, 154px 154px #eeaabb, 155px 155px #eeaabb, 156px 156px #eeaabb, 157px 157px #eeaabb, 158px 158px #eeaabb, 159px 159px #eeaabb, 160px 160px #eeaabb, 161px 161px #eeaabb, 162px 162px #eeaabb, 163px 163px #eeaabb, 164px 164px #eeaabb, 165px 165px #eeaabb, 166px 166px #eeaabb, 167px 167px #eeaabb, 168px 168px #eeaabb, 169px 169px #eeaabb, 170px 170px #eeaabb, 171px 171px #eeaabb, 172px 172px #eeaabb, 173px 173px #eeaabb, 174px 174px #eeaabb, 175px 175px #eeaabb, 176px 176px #eeaabb, 177px 177px #eeaabb, 178px 178px #eeaabb, 179px 179px #eeaabb, 180px 180px #eeaabb, 181px 181px #eeaabb, 182px 182px #eeaabb, 183px 183px #eeaabb, 184px 184px #eeaabb, 185px 185px #eeaabb, 186px 186px #eeaabb, 187px 187px #eeaabb, 188px 188px #eeaabb, 189px 189px #eeaabb, 190px 190px #eeaabb, 191px 191px #eeaabb, 192px 192px #eeaabb, 193px 193px #eeaabb, 194px 194px #eeaabb, 195px 195px #eeaabb, 196px 196px #eeaabb, 197px 197px #eeaabb, 198px 198px #eeaabb, 199px 199px #eeaabb, 200px 200px #eeaabb, 201px 201px #eeaabb, 202px 202px #eeaabb, 203px 203px #eeaabb, 204px 204px #eeaabb, 205px 205px #eeaabb, 206px 206px #eeaabb, 207px 207px #eeaabb, 208px 208px #eeaabb, 209px 209px #eeaabb, 210px 210px #eeaabb, 211px 211px #eeaabb, 212px 212px #eeaabb, 213px 213px #eeaabb, 214px 214px #eeaabb, 215px 215px #eeaabb, 216px 216px #eeaabb, 217px 217px #eeaabb, 218px 218px #eeaabb, 219px 219px #eeaabb, 220px 220px #eeaabb, 221px 221px #eeaabb, 222px 222px #eeaabb, 223px 223px #eeaabb, 224px 224px #eeaabb, 225px 225px #eeaabb, 226px 226px #eeaabb, 227px 227px #eeaabb, 228px 228px #eeaabb, 229px 229px #eeaabb, 230px 230px #eeaabb, 231px 231px #eeaabb, 232px 232px #eeaabb, 233px 233px #eeaabb, 234px 234px #eeaabb, 235px 235px #eeaabb, 236px 236px #eeaabb, 237px 237px #eeaabb, 238px 238px #eeaabb, 239px 239px #eeaabb, 240px 240px #eeaabb, 241px 241px #eeaabb, 242px 242px #eeaabb, 243px 243px #eeaabb, 244px 244px #eeaabb, 245px 245px #eeaabb, 246px 246px #eeaabb, 247px 247px #eeaabb, 248px 248px #eeaabb, 249px 249px #eeaabb, 250px 250px #eeaabb, 251px 251px #eeaabb, 252px 252px #eeaabb, 253px 253px #eeaabb, 254px 254px #eeaabb, 255px 255px #eeaabb, 256px 256px #eeaabb, 257px 257px #eeaabb, 258px 258px #eeaabb, 259px 259px #eeaabb, 260px 260px #eeaabb, 261px 261px #eeaabb, 262px 262px #eeaabb, 263px 263px #eeaabb, 264px 264px #eeaabb, 265px 265px #eeaabb, 266px 266px #eeaabb, 267px 267px #eeaabb, 268px 268px #eeaabb, 269px 269px #eeaabb, 270px 270px #eeaabb, 271px 271px #eeaabb, 272px 272px #eeaabb, 273px 273px #eeaabb, 274px 274px #eeaabb, 275px 275px #eeaabb, 276px 276px #eeaabb, 277px 277px #eeaabb, 278px 278px #eeaabb, 279px 279px #eeaabb, 280px 280px #eeaabb, 281px 281px #eeaabb, 282px 282px #eeaabb, 283px 283px #eeaabb, 284px 284px #eeaabb, 285px 285px #eeaabb, 286px 286px #eeaabb, 287px 287px #eeaabb, 288px 288px #eeaabb, 289px 289px #eeaabb, 290px 290px #eeaabb, 291px 291px #eeaabb, 292px 292px #eeaabb, 293px 293px #eeaabb, 294px 294px #eeaabb, 295px 295px #eeaabb, 296px 296px #eeaabb, 297px 297px #eeaabb, 298px 298px #eeaabb, 299px 299px #eeaabb, 300px 300px #eeaabb;
  animation: showup 5s infinite 1.4s;
  animation-iteration-count: 1;
  margin-left:-15px;
}

.text p:nth-child(8) {
  text-shadow: 0px 0px #eebbaa, 1px 1px #eebbaa, 2px 2px #eebbaa, 3px 3px #eebbaa, 4px 4px #eebbaa, 5px 5px #eebbaa, 6px 6px #eebbaa, 7px 7px #eebbaa, 8px 8px #eebbaa, 9px 9px #eebbaa, 10px 10px #eebbaa, 11px 11px #eebbaa, 12px 12px #eebbaa, 13px 13px #eebbaa, 14px 14px #eebbaa, 15px 15px #eebbaa, 16px 16px #eebbaa, 17px 17px #eebbaa, 18px 18px #eebbaa, 19px 19px #eebbaa, 20px 20px #eebbaa, 21px 21px #eebbaa, 22px 22px #eebbaa, 23px 23px #eebbaa, 24px 24px #eebbaa, 25px 25px #eebbaa, 26px 26px #eebbaa, 27px 27px #eebbaa, 28px 28px #eebbaa, 29px 29px #eebbaa, 30px 30px #eebbaa, 31px 31px #eebbaa, 32px 32px #eebbaa, 33px 33px #eebbaa, 34px 34px #eebbaa, 35px 35px #eebbaa, 36px 36px #eebbaa, 37px 37px #eebbaa, 38px 38px #eebbaa, 39px 39px #eebbaa, 40px 40px #eebbaa, 41px 41px #eebbaa, 42px 42px #eebbaa, 43px 43px #eebbaa, 44px 44px #eebbaa, 45px 45px #eebbaa, 46px 46px #eebbaa, 47px 47px #eebbaa, 48px 48px #eebbaa, 49px 49px #eebbaa, 50px 50px #eebbaa, 51px 51px #eebbaa, 52px 52px #eebbaa, 53px 53px #eebbaa, 54px 54px #eebbaa, 55px 55px #eebbaa, 56px 56px #eebbaa, 57px 57px #eebbaa, 58px 58px #eebbaa, 59px 59px #eebbaa, 60px 60px #eebbaa, 61px 61px #eebbaa, 62px 62px #eebbaa, 63px 63px #eebbaa, 64px 64px #eebbaa, 65px 65px #eebbaa, 66px 66px #eebbaa, 67px 67px #eebbaa, 68px 68px #eebbaa, 69px 69px #eebbaa, 70px 70px #eebbaa, 71px 71px #eebbaa, 72px 72px #eebbaa, 73px 73px #eebbaa, 74px 74px #eebbaa, 75px 75px #eebbaa, 76px 76px #eebbaa, 77px 77px #eebbaa, 78px 78px #eebbaa, 79px 79px #eebbaa, 80px 80px #eebbaa, 81px 81px #eebbaa, 82px 82px #eebbaa, 83px 83px #eebbaa, 84px 84px #eebbaa, 85px 85px #eebbaa, 86px 86px #eebbaa, 87px 87px #eebbaa, 88px 88px #eebbaa, 89px 89px #eebbaa, 90px 90px #eebbaa, 91px 91px #eebbaa, 92px 92px #eebbaa, 93px 93px #eebbaa, 94px 94px #eebbaa, 95px 95px #eebbaa, 96px 96px #eebbaa, 97px 97px #eebbaa, 98px 98px #eebbaa, 99px 99px #eebbaa, 100px 100px #eebbaa, 101px 101px #eebbaa, 102px 102px #eebbaa, 103px 103px #eebbaa, 104px 104px #eebbaa, 105px 105px #eebbaa, 106px 106px #eebbaa, 107px 107px #eebbaa, 108px 108px #eebbaa, 109px 109px #eebbaa, 110px 110px #eebbaa, 111px 111px #eebbaa, 112px 112px #eebbaa, 113px 113px #eebbaa, 114px 114px #eebbaa, 115px 115px #eebbaa, 116px 116px #eebbaa, 117px 117px #eebbaa, 118px 118px #eebbaa, 119px 119px #eebbaa, 120px 120px #eebbaa, 121px 121px #eebbaa, 122px 122px #eebbaa, 123px 123px #eebbaa, 124px 124px #eebbaa, 125px 125px #eebbaa, 126px 126px #eebbaa, 127px 127px #eebbaa, 128px 128px #eebbaa, 129px 129px #eebbaa, 130px 130px #eebbaa, 131px 131px #eebbaa, 132px 132px #eebbaa, 133px 133px #eebbaa, 134px 134px #eebbaa, 135px 135px #eebbaa, 136px 136px #eebbaa, 137px 137px #eebbaa, 138px 138px #eebbaa, 139px 139px #eebbaa, 140px 140px #eebbaa, 141px 141px #eebbaa, 142px 142px #eebbaa, 143px 143px #eebbaa, 144px 144px #eebbaa, 145px 145px #eebbaa, 146px 146px #eebbaa, 147px 147px #eebbaa, 148px 148px #eebbaa, 149px 149px #eebbaa, 150px 150px #eebbaa, 151px 151px #eebbaa, 152px 152px #eebbaa, 153px 153px #eebbaa, 154px 154px #eebbaa, 155px 155px #eebbaa, 156px 156px #eebbaa, 157px 157px #eebbaa, 158px 158px #eebbaa, 159px 159px #eebbaa, 160px 160px #eebbaa, 161px 161px #eebbaa, 162px 162px #eebbaa, 163px 163px #eebbaa, 164px 164px #eebbaa, 165px 165px #eebbaa, 166px 166px #eebbaa, 167px 167px #eebbaa, 168px 168px #eebbaa, 169px 169px #eebbaa, 170px 170px #eebbaa, 171px 171px #eebbaa, 172px 172px #eebbaa, 173px 173px #eebbaa, 174px 174px #eebbaa, 175px 175px #eebbaa, 176px 176px #eebbaa, 177px 177px #eebbaa, 178px 178px #eebbaa, 179px 179px #eebbaa, 180px 180px #eebbaa, 181px 181px #eebbaa, 182px 182px #eebbaa, 183px 183px #eebbaa, 184px 184px #eebbaa, 185px 185px #eebbaa, 186px 186px #eebbaa, 187px 187px #eebbaa, 188px 188px #eebbaa, 189px 189px #eebbaa, 190px 190px #eebbaa, 191px 191px #eebbaa, 192px 192px #eebbaa, 193px 193px #eebbaa, 194px 194px #eebbaa, 195px 195px #eebbaa, 196px 196px #eebbaa, 197px 197px #eebbaa, 198px 198px #eebbaa, 199px 199px #eebbaa, 200px 200px #eebbaa, 201px 201px #eebbaa, 202px 202px #eebbaa, 203px 203px #eebbaa, 204px 204px #eebbaa, 205px 205px #eebbaa, 206px 206px #eebbaa, 207px 207px #eebbaa, 208px 208px #eebbaa, 209px 209px #eebbaa, 210px 210px #eebbaa, 211px 211px #eebbaa, 212px 212px #eebbaa, 213px 213px #eebbaa, 214px 214px #eebbaa, 215px 215px #eebbaa, 216px 216px #eebbaa, 217px 217px #eebbaa, 218px 218px #eebbaa, 219px 219px #eebbaa, 220px 220px #eebbaa, 221px 221px #eebbaa, 222px 222px #eebbaa, 223px 223px #eebbaa, 224px 224px #eebbaa, 225px 225px #eebbaa, 226px 226px #eebbaa, 227px 227px #eebbaa, 228px 228px #eebbaa, 229px 229px #eebbaa, 230px 230px #eebbaa, 231px 231px #eebbaa, 232px 232px #eebbaa, 233px 233px #eebbaa, 234px 234px #eebbaa, 235px 235px #eebbaa, 236px 236px #eebbaa, 237px 237px #eebbaa, 238px 238px #eebbaa, 239px 239px #eebbaa, 240px 240px #eebbaa, 241px 241px #eebbaa, 242px 242px #eebbaa, 243px 243px #eebbaa, 244px 244px #eebbaa, 245px 245px #eebbaa, 246px 246px #eebbaa, 247px 247px #eebbaa, 248px 248px #eebbaa, 249px 249px #eebbaa, 250px 250px #eebbaa, 251px 251px #eebbaa, 252px 252px #eebbaa, 253px 253px #eebbaa, 254px 254px #eebbaa, 255px 255px #eebbaa, 256px 256px #eebbaa, 257px 257px #eebbaa, 258px 258px #eebbaa, 259px 259px #eebbaa, 260px 260px #eebbaa, 261px 261px #eebbaa, 262px 262px #eebbaa, 263px 263px #eebbaa, 264px 264px #eebbaa, 265px 265px #eebbaa, 266px 266px #eebbaa, 267px 267px #eebbaa, 268px 268px #eebbaa, 269px 269px #eebbaa, 270px 270px #eebbaa, 271px 271px #eebbaa, 272px 272px #eebbaa, 273px 273px #eebbaa, 274px 274px #eebbaa, 275px 275px #eebbaa, 276px 276px #eebbaa, 277px 277px #eebbaa, 278px 278px #eebbaa, 279px 279px #eebbaa, 280px 280px #eebbaa, 281px 281px #eebbaa, 282px 282px #eebbaa, 283px 283px #eebbaa, 284px 284px #eebbaa, 285px 285px #eebbaa, 286px 286px #eebbaa, 287px 287px #eebbaa, 288px 288px #eebbaa, 289px 289px #eebbaa, 290px 290px #eebbaa, 291px 291px #eebbaa, 292px 292px #eebbaa, 293px 293px #eebbaa, 294px 294px #eebbaa, 295px 295px #eebbaa, 296px 296px #eebbaa, 297px 297px #eebbaa, 298px 298px #eebbaa, 299px 299px #eebbaa, 300px 300px #eebbaa;
  animation: showup 5s infinite 1.6s;
  animation-iteration-count: 1;
}

 .text p:nth-child(9) {
  text-shadow: 0px 0px #eeddaa, 1px 1px #eeddaa, 2px 2px #eeddaa, 3px 3px #eeddaa, 4px 4px #eeddaa, 5px 5px #eeddaa, 6px 6px #eeddaa, 7px 7px #eeddaa, 8px 8px #eeddaa, 9px 9px #eeddaa, 10px 10px #eeddaa, 11px 11px #eeddaa, 12px 12px #eeddaa, 13px 13px #eeddaa, 14px 14px #eeddaa, 15px 15px #eeddaa, 16px 16px #eeddaa, 17px 17px #eeddaa, 18px 18px #eeddaa, 19px 19px #eeddaa, 20px 20px #eeddaa, 21px 21px #eeddaa, 22px 22px #eeddaa, 23px 23px #eeddaa, 24px 24px #eeddaa, 25px 25px #eeddaa, 26px 26px #eeddaa, 27px 27px #eeddaa, 28px 28px #eeddaa, 29px 29px #eeddaa, 30px 30px #eeddaa, 31px 31px #eeddaa, 32px 32px #eeddaa, 33px 33px #eeddaa, 34px 34px #eeddaa, 35px 35px #eeddaa, 36px 36px #eeddaa, 37px 37px #eeddaa, 38px 38px #eeddaa, 39px 39px #eeddaa, 40px 40px #eeddaa, 41px 41px #eeddaa, 42px 42px #eeddaa, 43px 43px #eeddaa, 44px 44px #eeddaa, 45px 45px #eeddaa, 46px 46px #eeddaa, 47px 47px #eeddaa, 48px 48px #eeddaa, 49px 49px #eeddaa, 50px 50px #eeddaa, 51px 51px #eeddaa, 52px 52px #eeddaa, 53px 53px #eeddaa, 54px 54px #eeddaa, 55px 55px #eeddaa, 56px 56px #eeddaa, 57px 57px #eeddaa, 58px 58px #eeddaa, 59px 59px #eeddaa, 60px 60px #eeddaa, 61px 61px #eeddaa, 62px 62px #eeddaa, 63px 63px #eeddaa, 64px 64px #eeddaa, 65px 65px #eeddaa, 66px 66px #eeddaa, 67px 67px #eeddaa, 68px 68px #eeddaa, 69px 69px #eeddaa, 70px 70px #eeddaa, 71px 71px #eeddaa, 72px 72px #eeddaa, 73px 73px #eeddaa, 74px 74px #eeddaa, 75px 75px #eeddaa, 76px 76px #eeddaa, 77px 77px #eeddaa, 78px 78px #eeddaa, 79px 79px #eeddaa, 80px 80px #eeddaa, 81px 81px #eeddaa, 82px 82px #eeddaa, 83px 83px #eeddaa, 84px 84px #eeddaa, 85px 85px #eeddaa, 86px 86px #eeddaa, 87px 87px #eeddaa, 88px 88px #eeddaa, 89px 89px #eeddaa, 90px 90px #eeddaa, 91px 91px #eeddaa, 92px 92px #eeddaa, 93px 93px #eeddaa, 94px 94px #eeddaa, 95px 95px #eeddaa, 96px 96px #eeddaa, 97px 97px #eeddaa, 98px 98px #eeddaa, 99px 99px #eeddaa, 100px 100px #eeddaa, 101px 101px #eeddaa, 102px 102px #eeddaa, 103px 103px #eeddaa, 104px 104px #eeddaa, 105px 105px #eeddaa, 106px 106px #eeddaa, 107px 107px #eeddaa, 108px 108px #eeddaa, 109px 109px #eeddaa, 110px 110px #eeddaa, 111px 111px #eeddaa, 112px 112px #eeddaa, 113px 113px #eeddaa, 114px 114px #eeddaa, 115px 115px #eeddaa, 116px 116px #eeddaa, 117px 117px #eeddaa, 118px 118px #eeddaa, 119px 119px #eeddaa, 120px 120px #eeddaa, 121px 121px #eeddaa, 122px 122px #eeddaa, 123px 123px #eeddaa, 124px 124px #eeddaa, 125px 125px #eeddaa, 126px 126px #eeddaa, 127px 127px #eeddaa, 128px 128px #eeddaa, 129px 129px #eeddaa, 130px 130px #eeddaa, 131px 131px #eeddaa, 132px 132px #eeddaa, 133px 133px #eeddaa, 134px 134px #eeddaa, 135px 135px #eeddaa, 136px 136px #eeddaa, 137px 137px #eeddaa, 138px 138px #eeddaa, 139px 139px #eeddaa, 140px 140px #eeddaa, 141px 141px #eeddaa, 142px 142px #eeddaa, 143px 143px #eeddaa, 144px 144px #eeddaa, 145px 145px #eeddaa, 146px 146px #eeddaa, 147px 147px #eeddaa, 148px 148px #eeddaa, 149px 149px #eeddaa, 150px 150px #eeddaa, 151px 151px #eeddaa, 152px 152px #eeddaa, 153px 153px #eeddaa, 154px 154px #eeddaa, 155px 155px #eeddaa, 156px 156px #eeddaa, 157px 157px #eeddaa, 158px 158px #eeddaa, 159px 159px #eeddaa, 160px 160px #eeddaa, 161px 161px #eeddaa, 162px 162px #eeddaa, 163px 163px #eeddaa, 164px 164px #eeddaa, 165px 165px #eeddaa, 166px 166px #eeddaa, 167px 167px #eeddaa, 168px 168px #eeddaa, 169px 169px #eeddaa, 170px 170px #eeddaa, 171px 171px #eeddaa, 172px 172px #eeddaa, 173px 173px #eeddaa, 174px 174px #eeddaa, 175px 175px #eeddaa, 176px 176px #eeddaa, 177px 177px #eeddaa, 178px 178px #eeddaa, 179px 179px #eeddaa, 180px 180px #eeddaa, 181px 181px #eeddaa, 182px 182px #eeddaa, 183px 183px #eeddaa, 184px 184px #eeddaa, 185px 185px #eeddaa, 186px 186px #eeddaa, 187px 187px #eeddaa, 188px 188px #eeddaa, 189px 189px #eeddaa, 190px 190px #eeddaa, 191px 191px #eeddaa, 192px 192px #eeddaa, 193px 193px #eeddaa, 194px 194px #eeddaa, 195px 195px #eeddaa, 196px 196px #eeddaa, 197px 197px #eeddaa, 198px 198px #eeddaa, 199px 199px #eeddaa, 200px 200px #eeddaa, 201px 201px #eeddaa, 202px 202px #eeddaa, 203px 203px #eeddaa, 204px 204px #eeddaa, 205px 205px #eeddaa, 206px 206px #eeddaa, 207px 207px #eeddaa, 208px 208px #eeddaa, 209px 209px #eeddaa, 210px 210px #eeddaa, 211px 211px #eeddaa, 212px 212px #eeddaa, 213px 213px #eeddaa, 214px 214px #eeddaa, 215px 215px #eeddaa, 216px 216px #eeddaa, 217px 217px #eeddaa, 218px 218px #eeddaa, 219px 219px #eeddaa, 220px 220px #eeddaa, 221px 221px #eeddaa, 222px 222px #eeddaa, 223px 223px #eeddaa, 224px 224px #eeddaa, 225px 225px #eeddaa, 226px 226px #eeddaa, 227px 227px #eeddaa, 228px 228px #eeddaa, 229px 229px #eeddaa, 230px 230px #eeddaa, 231px 231px #eeddaa, 232px 232px #eeddaa, 233px 233px #eeddaa, 234px 234px #eeddaa, 235px 235px #eeddaa, 236px 236px #eeddaa, 237px 237px #eeddaa, 238px 238px #eeddaa, 239px 239px #eeddaa, 240px 240px #eeddaa, 241px 241px #eeddaa, 242px 242px #eeddaa, 243px 243px #eeddaa, 244px 244px #eeddaa, 245px 245px #eeddaa, 246px 246px #eeddaa, 247px 247px #eeddaa, 248px 248px #eeddaa, 249px 249px #eeddaa, 250px 250px #eeddaa, 251px 251px #eeddaa, 252px 252px #eeddaa, 253px 253px #eeddaa, 254px 254px #eeddaa, 255px 255px #eeddaa, 256px 256px #eeddaa, 257px 257px #eeddaa, 258px 258px #eeddaa, 259px 259px #eeddaa, 260px 260px #eeddaa, 261px 261px #eeddaa, 262px 262px #eeddaa, 263px 263px #eeddaa, 264px 264px #eeddaa, 265px 265px #eeddaa, 266px 266px #eeddaa, 267px 267px #eeddaa, 268px 268px #eeddaa, 269px 269px #eeddaa, 270px 270px #eeddaa, 271px 271px #eeddaa, 272px 272px #eeddaa, 273px 273px #eeddaa, 274px 274px #eeddaa, 275px 275px #eeddaa, 276px 276px #eeddaa, 277px 277px #eeddaa, 278px 278px #eeddaa, 279px 279px #eeddaa, 280px 280px #eeddaa, 281px 281px #eeddaa, 282px 282px #eeddaa, 283px 283px #eeddaa, 284px 284px #eeddaa, 285px 285px #eeddaa, 286px 286px #eeddaa, 287px 287px #eeddaa, 288px 288px #eeddaa, 289px 289px #eeddaa, 290px 290px #eeddaa, 291px 291px #eeddaa, 292px 292px #eeddaa, 293px 293px #eeddaa, 294px 294px #eeddaa, 295px 295px #eeddaa, 296px 296px #eeddaa, 297px 297px #eeddaa, 298px 298px #eeddaa, 299px 299px #eeddaa, 300px 300px #eeddaa;
  animation: showup 5s infinite 1.8s;
}

.text p:nth-child(10) {
  text-shadow: 0px 0px #aaeedd, 1px 1px #aaeedd, 2px 2px #aaeedd, 3px 3px #aaeedd, 4px 4px #aaeedd, 5px 5px #aaeedd, 6px 6px #aaeedd, 7px 7px #aaeedd, 8px 8px #aaeedd, 9px 9px #aaeedd, 10px 10px #aaeedd, 11px 11px #aaeedd, 12px 12px #aaeedd, 13px 13px #aaeedd, 14px 14px #aaeedd, 15px 15px #aaeedd, 16px 16px #aaeedd, 17px 17px #aaeedd, 18px 18px #aaeedd, 19px 19px #aaeedd, 20px 20px #aaeedd, 21px 21px #aaeedd, 22px 22px #aaeedd, 23px 23px #aaeedd, 24px 24px #aaeedd, 25px 25px #aaeedd, 26px 26px #aaeedd, 27px 27px #aaeedd, 28px 28px #aaeedd, 29px 29px #aaeedd, 30px 30px #aaeedd, 31px 31px #aaeedd, 32px 32px #aaeedd, 33px 33px #aaeedd, 34px 34px #aaeedd, 35px 35px #aaeedd, 36px 36px #aaeedd, 37px 37px #aaeedd, 38px 38px #aaeedd, 39px 39px #aaeedd, 40px 40px #aaeedd, 41px 41px #aaeedd, 42px 42px #aaeedd, 43px 43px #aaeedd, 44px 44px #aaeedd, 45px 45px #aaeedd, 46px 46px #aaeedd, 47px 47px #aaeedd, 48px 48px #aaeedd, 49px 49px #aaeedd, 50px 50px #aaeedd, 51px 51px #aaeedd, 52px 52px #aaeedd, 53px 53px #aaeedd, 54px 54px #aaeedd, 55px 55px #aaeedd, 56px 56px #aaeedd, 57px 57px #aaeedd, 58px 58px #aaeedd, 59px 59px #aaeedd, 60px 60px #aaeedd, 61px 61px #aaeedd, 62px 62px #aaeedd, 63px 63px #aaeedd, 64px 64px #aaeedd, 65px 65px #aaeedd, 66px 66px #aaeedd, 67px 67px #aaeedd, 68px 68px #aaeedd, 69px 69px #aaeedd, 70px 70px #aaeedd, 71px 71px #aaeedd, 72px 72px #aaeedd, 73px 73px #aaeedd, 74px 74px #aaeedd, 75px 75px #aaeedd, 76px 76px #aaeedd, 77px 77px #aaeedd, 78px 78px #aaeedd, 79px 79px #aaeedd, 80px 80px #aaeedd, 81px 81px #aaeedd, 82px 82px #aaeedd, 83px 83px #aaeedd, 84px 84px #aaeedd, 85px 85px #aaeedd, 86px 86px #aaeedd, 87px 87px #aaeedd, 88px 88px #aaeedd, 89px 89px #aaeedd, 90px 90px #aaeedd, 91px 91px #aaeedd, 92px 92px #aaeedd, 93px 93px #aaeedd, 94px 94px #aaeedd, 95px 95px #aaeedd, 96px 96px #aaeedd, 97px 97px #aaeedd, 98px 98px #aaeedd, 99px 99px #aaeedd, 100px 100px #aaeedd, 101px 101px #aaeedd, 102px 102px #aaeedd, 103px 103px #aaeedd, 104px 104px #aaeedd, 105px 105px #aaeedd, 106px 106px #aaeedd, 107px 107px #aaeedd, 108px 108px #aaeedd, 109px 109px #aaeedd, 110px 110px #aaeedd, 111px 111px #aaeedd, 112px 112px #aaeedd, 113px 113px #aaeedd, 114px 114px #aaeedd, 115px 115px #aaeedd, 116px 116px #aaeedd, 117px 117px #aaeedd, 118px 118px #aaeedd, 119px 119px #aaeedd, 120px 120px #aaeedd, 121px 121px #aaeedd, 122px 122px #aaeedd, 123px 123px #aaeedd, 124px 124px #aaeedd, 125px 125px #aaeedd, 126px 126px #aaeedd, 127px 127px #aaeedd, 128px 128px #aaeedd, 129px 129px #aaeedd, 130px 130px #aaeedd, 131px 131px #aaeedd, 132px 132px #aaeedd, 133px 133px #aaeedd, 134px 134px #aaeedd, 135px 135px #aaeedd, 136px 136px #aaeedd, 137px 137px #aaeedd, 138px 138px #aaeedd, 139px 139px #aaeedd, 140px 140px #aaeedd, 141px 141px #aaeedd, 142px 142px #aaeedd, 143px 143px #aaeedd, 144px 144px #aaeedd, 145px 145px #aaeedd, 146px 146px #aaeedd, 147px 147px #aaeedd, 148px 148px #aaeedd, 149px 149px #aaeedd, 150px 150px #aaeedd, 151px 151px #aaeedd, 152px 152px #aaeedd, 153px 153px #aaeedd, 154px 154px #aaeedd, 155px 155px #aaeedd, 156px 156px #aaeedd, 157px 157px #aaeedd, 158px 158px #aaeedd, 159px 159px #aaeedd, 160px 160px #aaeedd, 161px 161px #aaeedd, 162px 162px #aaeedd, 163px 163px #aaeedd, 164px 164px #aaeedd, 165px 165px #aaeedd, 166px 166px #aaeedd, 167px 167px #aaeedd, 168px 168px #aaeedd, 169px 169px #aaeedd, 170px 170px #aaeedd, 171px 171px #aaeedd, 172px 172px #aaeedd, 173px 173px #aaeedd, 174px 174px #aaeedd, 175px 175px #aaeedd, 176px 176px #aaeedd, 177px 177px #aaeedd, 178px 178px #aaeedd, 179px 179px #aaeedd, 180px 180px #aaeedd, 181px 181px #aaeedd, 182px 182px #aaeedd, 183px 183px #aaeedd, 184px 184px #aaeedd, 185px 185px #aaeedd, 186px 186px #aaeedd, 187px 187px #aaeedd, 188px 188px #aaeedd, 189px 189px #aaeedd, 190px 190px #aaeedd, 191px 191px #aaeedd, 192px 192px #aaeedd, 193px 193px #aaeedd, 194px 194px #aaeedd, 195px 195px #aaeedd, 196px 196px #aaeedd, 197px 197px #aaeedd, 198px 198px #aaeedd, 199px 199px #aaeedd, 200px 200px #aaeedd, 201px 201px #aaeedd, 202px 202px #aaeedd, 203px 203px #aaeedd, 204px 204px #aaeedd, 205px 205px #aaeedd, 206px 206px #aaeedd, 207px 207px #aaeedd, 208px 208px #aaeedd, 209px 209px #aaeedd, 210px 210px #aaeedd, 211px 211px #aaeedd, 212px 212px #aaeedd, 213px 213px #aaeedd, 214px 214px #aaeedd, 215px 215px #aaeedd, 216px 216px #aaeedd, 217px 217px #aaeedd, 218px 218px #aaeedd, 219px 219px #aaeedd, 220px 220px #aaeedd, 221px 221px #aaeedd, 222px 222px #aaeedd, 223px 223px #aaeedd, 224px 224px #aaeedd, 225px 225px #aaeedd, 226px 226px #aaeedd, 227px 227px #aaeedd, 228px 228px #aaeedd, 229px 229px #aaeedd, 230px 230px #aaeedd, 231px 231px #aaeedd, 232px 232px #aaeedd, 233px 233px #aaeedd, 234px 234px #aaeedd, 235px 235px #aaeedd, 236px 236px #aaeedd, 237px 237px #aaeedd, 238px 238px #aaeedd, 239px 239px #aaeedd, 240px 240px #aaeedd, 241px 241px #aaeedd, 242px 242px #aaeedd, 243px 243px #aaeedd, 244px 244px #aaeedd, 245px 245px #aaeedd, 246px 246px #aaeedd, 247px 247px #aaeedd, 248px 248px #aaeedd, 249px 249px #aaeedd, 250px 250px #aaeedd, 251px 251px #aaeedd, 252px 252px #aaeedd, 253px 253px #aaeedd, 254px 254px #aaeedd, 255px 255px #aaeedd, 256px 256px #aaeedd, 257px 257px #aaeedd, 258px 258px #aaeedd, 259px 259px #aaeedd, 260px 260px #aaeedd, 261px 261px #aaeedd, 262px 262px #aaeedd, 263px 263px #aaeedd, 264px 264px #aaeedd, 265px 265px #aaeedd, 266px 266px #aaeedd, 267px 267px #aaeedd, 268px 268px #aaeedd, 269px 269px #aaeedd, 270px 270px #aaeedd, 271px 271px #aaeedd, 272px 272px #aaeedd, 273px 273px #aaeedd, 274px 274px #aaeedd, 275px 275px #aaeedd, 276px 276px #aaeedd, 277px 277px #aaeedd, 278px 278px #aaeedd, 279px 279px #aaeedd, 280px 280px #aaeedd, 281px 281px #aaeedd, 282px 282px #aaeedd, 283px 283px #aaeedd, 284px 284px #aaeedd, 285px 285px #aaeedd, 286px 286px #aaeedd, 287px 287px #aaeedd, 288px 288px #aaeedd, 289px 289px #aaeedd, 290px 290px #aaeedd, 291px 291px #aaeedd, 292px 292px #aaeedd, 293px 293px #aaeedd, 294px 294px #aaeedd, 295px 295px #aaeedd, 296px 296px #aaeedd, 297px 297px #aaeedd, 298px 298px #aaeedd, 299px 299px #aaeedd, 300px 300px #aaeedd;
  animation: showup 5s infinite 2.Os;
}

@keyframes showup {
  0% {
    font-size: 0px;
    transform: rotate(90deg);
  }
  10% {
  }
  100% {
    transform: rotate(0deg);
  }
  
 
}


/*collab*/
@font-face {
    font-family: 'Inconsolata';
    src: url('https://ggayane.github.io/css-experiments/Inconsolata-VF.ttf');
    font-weight: 275 900;
    font-stretch: 50% 200%;
  }
 

  .static {
     
    font-variation-settings: "wght"900, "wdth"200;
  }

  .variable {
       font-family: 'Inconsolata';
    display: flex;
    font-variation-settings: "wght"275, "wdth"50;
    text-align: center;
    animation: swapthings 5s infinite both cubic-bezier(0.17, 0.04, 0.04, 0.99);
  }

  .work {
     font-family: 'Inconsolata';
    animation: swapthings2 5s infinite both cubic-bezier(0.17, 0.04, 0.04, 0.99);
  }


  @keyframes swapthings {
    0% {
      font-variation-settings: "wght"275, "wdth"50;
    }

    50% {
      font-variation-settings: "wght"900, "wdth"200;
    }

    100% {
      font-variation-settings: "wght"275, "wdth"50;
    }
  }

  @keyframes swapthings2 {
    0% {
      font-variation-settings: "wght"900, "wdth"200;
    }

    50% {
      font-variation-settings: "wght"275, "wdth"50;
    }

    100% {
      font-variation-settings: "wght"900, "wdth"200;
    }
  }


/*sidebar*/

#menubar {
   z-index:100000;
  width: 80%;
  height: 72px;
  padding: 0;
}
ul#menu,
ul#menu li {
  float: left;
  margin: 0;
  padding: 0;
}
ul#menu li {
  list-style: none;
}
ul#menu li a {
  letter-spacing: 0.1em;
  font: normal 15px arial, sans-serif;
  display: block;
  float: left;
  height: 37px;
  padding: 29px 26px 6px 26px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px solid #068900;
  background: transparent;
}
ul#menu li a:hover,
ul#menu li.selected a,
ul#menu li.selected a:hover {
  color: #fff;
  background: #068900;
}
.sidebar {
 
  float: right;
  width: 190px;
  padding: 0 15px 20px 15px;
}
.sidebar ul {
  width: 178px;
  padding: 4px 0 0 0;
  margin: 4px 0 30px 0;
}
.sidebar li {
  list-style: none;
  padding: 0 0 7px 0;
}
.sidebar li a,
.sidebar li a:hover {
  padding: 0 0 0 40px;
  display: block;
}
.sidebar li a.selected {
  color: #444;
  text-decoration: none;
}


.scroll-indicator-controller {
  position: fixed;
  top: 50vh;
  transform: translate(0, -50%);
  right: 10px;
  z-index: 999;
}
.scroll-indicator-controller.indi-mobile > div span {
  display: none;
}
@media (min-width: 1025px) {
  .scroll-indicator-controller {
    right: 20px;
  }
}
.scroll-indicator-controller > div {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  border: 1px solid #FF1F3D;
  background: rgba(0, 0, 0, 0.25);
  margin: 0 0 10px 0;
  cursor: pointer;
  transition: background 0.4s ease;
  will-change: transition;
}
.scroll-indicator-controller > div span {
  color: #FF1F3D;
  position: absolute;
  right: calc(100% + 8px);
  white-space: nowrap;
  top: 50%;
  font-family: arial, sans-serif;
  font-size: 16px;
  line-height: 17px;
  width: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-50%) translateX(10px);
  transition: all 0.4s ease;
  will-change: transition;
}
@media (hover: none) {
  .scroll-indicator-controller > div span {
    display: none;
  }
}
.scroll-indicator-controller > div span:after {
  content: "-----";
  padding-left: 5px;
  letter-spacing: -2px;
  font-family: arial, sans-serif;
  vertical-align: text-top;
  line-height: 14px;
}
@media (hover: hover), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .scroll-indicator-controller > div:hover span {
    width: auto;
    opacity: 1;
    overflow: visible;
    transform: translateY(-50%) translateX(0px);
  }
}
.scroll-indicator-controller > div.active {
  background: #FF1F3D;
  border-color: rgba(0, 0, 0, 0.25);
}
@supports (-ms-ime-align: auto) {
  .scroll-indicator-controller > div span {
    transition: opacity 0.4s ease;
  }
}

.socials{
   width:33%;
  min-width:200px;

}


@media only screen and (max-width: 946px) {
  #one{
    height:400px !important;
  }
  
  #one:hover{
   background:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final3-coloured.png?v=1738359826683") center center no-repeat;
   background-size: contain ;
}
  
    #two{
    height:400px !important;
  }
  
  #two:hover{
   background:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final4-coloured.png?v=1738359896940") center center no-repeat;
   background-size: contain;

}
    #three{
    height:400px !important;
  }
  
  #three:hover{
   background:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final1-coloured.png?v=1738359582580") center center no-repeat; 
   background-size: contain;
}

  
    #four{
    height:400px !important;
  }
  
  #four:hover{

     background:url("https://cdn.glitch.global/e875c738-0e5c-441b-9585-dce9e5d04d1f/final%202-coloured.png?v=1738359762141") center center no-repeat;
   background-size: contain;

}
}





.activebutton{
  padding:10px;
   background: var(--brandcolours-tc-cream, #fdf6ec);
   border-color: var(--brandcolours-tc-red, #ff1f3d);
  font-family:"nav", sans-serif;
  color: var(--brandcolours-tc-red, #ff1f3d);
  font-size:1.5em;
}

.activebutton:hover{
  padding:10px;
   background: #481326;
   border-color: var(--brandcolours-tc-red, #ff1f3d);
  font-family:"nav", sans-serif;
  color: var(--brandcolours-tc-red, #ff1f3d);
  font-size:1.5em;
}


@media only screen and (max-width: 566px) {
  
    
  #about{
    height:300vh;
    
  }
  
  #share{
    height:170vh; 
  }
  
}

@media only screen and (max-height: 700px) {
  
  #themes{
    height:150vh;
    padding-top:10vh;
  }
}

@media only screen and (max-height: 600px) {
  
  #themes{
    height:180vh;
    padding-top:10vh;
  }
}


@media only screen and (max-height: 500px) {
  
  #themes{
    height:200vh;
    padding-top:10vh;
  }
}

@media only screen and (max-height: 450px) {
  
  #themes{
    height:220vh;
    padding-top:10vh;
  }
}

@media only screen and (max-height: 430px) {
  
  #themes{
    height:280vh;
    padding-top:10vh;
  }
}

@media only screen and (max-height: 410px) {
  
  #themes{
    height:300vh;
    padding-top:10vh;
  }
}

@media only screen and (max-width: 900px) {
  
    

  
  #share{
    height:220vh; 
  }
  
}