@charset "UTF-8";

.container {
            display:flex;
            flex-direction:row;
            flex-wrap:wrap;
            justify-content:center;
            align-items:center;
          }

          .sign {
            -ms-transform:rotate(-3deg);
            -webkit-transform:rotate(-3deg);
            transform:rotate(-3deg);
            background:#000;
          }

          body {
            margin:70px;
            background:#000;
            background-attachment:fixed;
            font-family:'Nixie One',Helvetica,Arial,sans-serif;
            font-size:50px;
          }

          #title {
            font-size:110px;
          }

          #trav {
            -webkit-animation:blink .01s infinite alternate;
            -moz-animation:blink .01s infinite alternate;
            -o-animation:blink .01s infinite alternate;
            animation:blink .01s infinite alternate;
          }

          #fade {
            opacity:.8;
            color:#ebffff;
            text-shadow:2px 2px 1px rgba(0,0,0,0.3),0 0 15px #fff,0 0 10px #38eeff,0 0 80px #38eeff;
            -webkit-animation:fade 3s infinite alternate;
            -moz-animation:fade 3s infinite alternate;
            -o-animation:fade 3s infinite alternate;
            animation:fade 3s infinite alternate;
          }

          .neon-blue {
            margin:0 auto;
            text-align:center;
            color:#ebffff;
            text-shadow:2px 2px 1px rgba(0,0,0,0.3),0 0 15px #fff,0 0 10px #38eeff,0 0 50px #38eeff;
          }

          .neon-purple {
            font-family:'League Script',Helvetica,Arial,sans-serif;
            font-size:100px;
            margin:0 auto;
            text-align:center;
            color:#ccf;
            text-shadow:2px 2px 1px rgba(0,0,0,0.5),0 0 20px #fff,0 0 10px #7d26cd,0 0 50px #7d26cd;
          }

          @-moz-keyframes blink {
            70% {
              opacity:.7;
            }
          }

          @-webkit-keyframes blink {
            45% {
              opacity:.5;
            }
          }

          @-o-keyframes blink {
            70% {
              opacity:.7;
            }
          }

          @keyframes blink {
            70% {
              opacity:.7;
            }
          }

          @-moz-keyframes fade {
            40% {
              opacity:.8;
            }

            42% {
              opacity:.1;
            }

            43% {
              opacity:.8;
            }

            45% {
              opacity:.1;
            }

            46% {
              opacity:.8;
            }
          }

          @-webkit-keyframes fade {
            40% {
              opacity:.8;
            }

            42% {
              opacity:.1;
            }

            43% {
              opacity:.8;
            }

            45% {
              opacity:.1;
            }

            46% {
              opacity:.8;
            }
          }

          @-o-keyframes fade {
            40% {
              opacity:.8;
            }

            42% {
              opacity:.1;
            }

            43% {
              opacity:.8;
            }

            45% {
              opacity:.1;
            }

            46% {
              opacity:.8;
            }
          }

          @keyframes fade {
            40% {
              opacity:.8;
            }

            42% {
              opacity:.1;
            }

            43% {
              opacity:.8;
            }

            45% {
              opacity:.1;
            }

            46% {
              opacity:.8;
            }
          }  
        }

        .main {
          display:flex;
          width:100%;
          height:100vh;
          justify-content:center;
          align-items:center;
          background-color:black;
          color:white;
        }

        /* just add multiple large, coloured text shadows with an increasing blur radius :D */
        .neon {
          font-family:Pacifico;
          font-weight:lighter;
          text-shadow:0 0 7px lightBlue,0 0 10px lightBlue,0 0 20px lightBlue,0 0 50px lightBlue,0 0 70px lightBlue,0 0 100px lightBlue,0 0 120px lightBlue,0 0 157px lightBlue;
          text-align:left;
          font-size:30px;
        }

        /*neon block*/
        .neon-block {
          .blockposition:relative;
          display:flex;
          align-items:center;
          justify-content:center;
          margin:60px auto;
          width:900px;
          height:400px;
          background-image:url(https://tinygif.com/images/2024/05/01/N92uE.gif);
          background-repeat:no-repeat;
          background-size:fill;
          color:#fff;
          font-size:30px;
          text-transform:uppercase;
          letter-spacing:4px;
          font-family:monospace;
          &:after {;
          content:'';
          position:absolute;
          top:-2px;
          right:-2px;
          bottom:-2px;
          left:-2px;
          z-index:-1;
          background:linear-gradient(45deg,#ff005e,#fbff00);
          animation:neon-block 1.5s linear infinite;
          background:#000;
        }

        .rainbow {
          position:absolute;
          top:-4px;
          right:-4px;
          bottom:-4px;
          left:-4px;
          filter:blur(15px);
          z-index:-2;
          &:after {;
          content:'';
          position:absolute;
          top:0;
          right:0;
          bottom:0;
          left:0;
          background:linear-gradient(315deg,#ff005e,#fbff00);
        }

        &:after {
          animation:neon-block 1.5s linear infinite;
        }  
      }  
    }  
  }

  @keyframes neon-block {
    from {
      filter:hue-rotate(0deg);
    }

    to {
      filter:hue-rotate(360deg);
    }
  }

  #about_me_label {
    display:none;
  }

  #avatar_holder,#status_container,#blurb_container,#unix_last_broadcast_container,#unix_last_updated_container {
    display:none;
  }

  #header_bar,#footer_bar,#profile_main_photo,#tags_container,#about_me_label,#cam_score_container,#profile_friends .heading,#friends_container,#profile_header,#profile_about_me>.heading,#username_container,#gender_container,#body_type_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#occupation_container,#school_container,#favorite_food_container,#pets_container,#automobile_container {
    display:none;
  }

  #about_me_container span#about_me_label,#profile_friends .heading,#profile_friends #friends_container,#profile_friends #favorite_models_container,#profile_about_me #tags_container,#profile_schedule,#profile_about_me div#occupation_container {
    display:none;
  }

  #no_profile_avatar {
    display:none;
  }

  .profile_section_content .heading {
    display:none;
  }

  .wall_post_time,.convert-time {
    display:none;
  }

  #profile_main_photo,#tags_container,#about_me_label {
    display:none;
  }

  .wall_post a,.wall_post a:visited {
    color:#fff;
    text-decoration:none;
  }

  .wall_post a:hover {
    color:#fff;
    text-decoration:none;
    text-shadow:none;
  }

  div.wall_post {
    display:block;
    margin-top:10px;
    font-size:18px;
    color:white;
    padding:8px 12px;
    border:1px solid black;
    background:rgba(0,0,0,.4);
    transition:all .9s;
    -moz-transition:all .9s;
    -ms-transition:all .9s;
    -o-transition:all .9s;
    -webkit-transition:all .9s;
    font-family:'Abel','Palatino Linotype','Book Antiqua',Palatino,serif;
  }

  div#comments {
    padding:10px;
    margin-top:100px;
    background:none;
    color:white;
  }

  form#new_comment.hidden {
    padding:10px;
    background:rgba(0,0,0,0.0);
    border:0 solid black;
    border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    -webkit-border-radius:8px;
    height:auto;
    margin-top:px;
  }

  div#profile_friends.profile_subsection {
    display:none;
  }

  /*box text*/
  .rainbow-box {
    background-color:#000000;
    border:2px solid transparent;
    border-image:linear-gradient(to bottom right,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);
    border-image-slice:1;
    height:610px;
    margin:20px auto;
    width:900px;
    color:white;
    font-size:18px;
  }  
}

/*GALLERY*/
.gallery {
  width:640px;
  margin:0 auto;
  padding:5px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.3);
  box-sizing:border-box;
}

.gallery > div {
  position:relative;
  float:left;
  padding:5px;
}

.gallery > div > img {
  display:block;
  width:200px;
  transition:.1s transform;
  transform:translateZ(0);
/* hack */
}

.gallery > div:hover {
  z-index:1;
}

.gallery > div:hover > img {
  transform:scale(1.5,1.5);
  transition:.3s transform;
}

.cf:before,.cf:after {
  display:table;
  content:"";
  line-height:0;
}

.cf:after {
  clear:both;
}

h2.Title {
  text-align:center;
  color:white;
  text-shadow:2px 2px black;
  font-size:18px;