body {
   background-color: #000000;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: top left;
   background-size: cover;
   margin: 0 auto;
}



.coming-soon-splash-officially {
   color: #00FF00;
   font-family: Rift, serif;
   font-weight: 400;
   font-style: italic;
   font-size: 36px;
   letter-spacing: 3px;
   text-align: center;
}


.main-splash-enter {
   color: #FFFFFF;
   font-family: Rift, serif;
   font-weight: 400;
   font-style: italic;
   font-size: 36px;
   letter-spacing: 3px;
   text-align: center;
}


.coming-soon-splash-journal-teasers {
   border: 1px dashed #FF0066;
   color: #DDDDDD;
   font-family: Hanken Grotesk, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   text-align: justify;
   padding: 36px;
   width: 65%;
   margin-left: auto;
   margin-right: auto;
}

.coming-soon-splash-teaser {
   color: #00FF00;
   font-family: Rift, serif;
   font-weight: 400;
   font-style: italic;
   font-size: 26px;
   letter-spacing: 3px;
   text-align: center;
}

.pj-preview-journal-headers {
   color: #DDDDDD;
   font-family: Rift, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 26px;
   letter-spacing: 3px;
}


body::-webkit-scrollbar {
   width: 1.2em;
   background-color: #000000;
}
 
body::-webkit-scrollbar-track {
   -webkit-box-shadow: #ffffff;
   background-color: #000000;
   border: 1px dotted #ffffff;
}
 
body::-webkit-scrollbar-thumb {
   background-color: #000000;
   border: 1px solid #ff0099;
}

a:link {
  color: #00FF00;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-style: dotted;
}

a:visited {
  color: #00FF00;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-style: dotted;
}

a:hover {
  color: #FF0066;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-style: dotted;
}

a:active {
  color: #FF0066;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-style: dotted;
}


a.pink-to-white:link {
  color: #FF0066;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-style: dotted;
}

a.pink-to-white:visited {
  color: #FF0066;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-style: dotted;
}

a.pink-to-white:hover {
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-style: dotted;
}

a.pink-to-white:active {
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-style: dotted;
}



.copyright-designcontent {
  color: #FF0066;
  font-family: rift, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  padding-top: 3px;
}

.copyright-designcontent-arr {
  color: #666666;
  font-family: Hanken Grotesk, serif;
  font-weight: 300;
  font-style: italic;
  font-size: 12px;
  text-align: center;
}

.copyright-star {
  color: #FF0066;
  font-family: Hanken Grotesk, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  text-align: center;
}

.mobile-notice-for-now-header {
   color: #00FF00;
   font-family: Rift, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 36px;
   text-align: center;
}

.mobile-notice-for-now {
   color: #FFFFFF;
   font-family: Hanken Grotesk, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   text-align: center;
}



@media screen and (max-width: 992px) {
  /* Styles for screens 992px or less (tablets/mobile) */
  
  .coming-soon-splash-officially {
   color: #00FF00;
   font-family: Rift, serif;
   font-weight: 400;
   font-style: italic;
   font-size: 56px;
   letter-spacing: 3px;
   text-align: center;
}

.coming-soon-splash-teaser {
   color: #00FF00;
   font-family: Rift, serif;
   font-weight: 400;
   font-style: italic;
   font-size: 48px;
   letter-spacing: 3px;
   text-align: center;
}

.pj-preview-journal-headers {
   color: #DDDDDD;
   font-family: Rift, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 48px;
   letter-spacing: 3px;
}

.coming-soon-splash-journal-teasers {
   border: 2px dashed #FF0066;
   color: #DDDDDD;
   font-family: Hanken Grotesk, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 36px;
   text-align: justify;
   padding: 36px;
   width: 85%;
   margin-left: auto;
   margin-right: auto;
}


.copyright-designcontent {
  color: #FF0066;
  font-family: rift, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  text-align: center;
  padding-top: 3px;
}

.copyright-designcontent-arr {
  color: #666666;
  font-family: Hanken Grotesk, serif;
  font-weight: 300;
  font-style: italic;
  font-size: 18px;
  text-align: center;
  padding-left: 36px;
  padding-right: 36px;
}

.copyright-star {
  color: #FF0066;
  font-family: Hanken Grotesk, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 63px;
  text-align: center;
}


.mobile-notice-for-now-header {
   color: #00FF00;
   font-family: Rift, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 56px;
   text-align: center;
}

.mobile-notice-for-now {
   color: #FFFFFF;
   font-family: Hanken Grotesk, serif;
   font-weight: 400;
   font-style: normal;
   font-size: 21px;
   text-align: center;
}

}