@charset "UTF-8";

div.profile_section,div.profile_section div.profile_section_content {
  margin:0 auto;
  border-spacing:0;
  padding:0;
  width:100vh;
}

div#profile_about_me div#username_container span.label,div#profile_about_me div#username_container span.value,div#gender_container span.label,div#gender_container span.value,div#body_type_container span.label,div#body_type_container span.value,div#ethnicity_container span.label,div#ethnicity_container span.value,div#hair_container span.label,div#hair_container span.value,div#eyes_container span.label,div#eyes_container span.value,div#weight_container span.label,div#weight_container span.value,div#height_container span.label,div#height_container span.value,div#age_container span.label,div#age_container span.value,div#city_container span.label,div#city_container span.value,div#country_container span.label,div#country_container span.value,div#sexual_preference_container span.label,div#sexual_preference_container span.value,div#smoke_container span.label,div#smoke_container span.value,div#drink_container span.label,div#drink_container span.value,div#drugs_container span.label,div#drugs_container span.value,div#marital_status_container span.label,div#marital_status_container span.value,div#occupation_container span.label,div#occupation_container span.value,div#school_container span.label,div#school_container span.value,div#favorite_food_container span.label,div#favorite_food_container span.value,div#pets_container span.label,div#pets_container span.value,div#automobile_container span.label,div#automobile_container span.value,div#cam_score_container span.label,div#cam_score_container span.value,div.heading,#about_me_label,#friends_container,#admirers_container,#favorite_models_container,#member_type_value,#blurb_container,#avatar_holder,div#status_label,div#unix_last_login_container,div#unix_last_updated_container,div#profile_interests_content,div#profile_friends,div#tags_container,div#profile_main_photo,div#profile_header,div#profile_password_photo_galleries,div#footer_bar,div#profile_about_me,div#username_container,div#gender_container,div#body_type_container,div#ethnicity_container,div#hair_container,div#eyes_container,div#weight_container,div#height_container,div#age_container,div#city_container,div#country_container,div#sexual_preference_container,div#smoke_container,div#drink_container,div#drugs_container,div#marital_status_container,div#occupation_container,div#school_container,div#favorite_food_container,div#pets_container,div#automobile_container,div#cam_score_container,div#average_rating_container,div#rate_container,div#header_bar,div#profile_comments {
  margin:0 auto;
  display:none;
}

div#profile_about_me {
  display:block;
  margin:0 12.5vmin;
}

html {
  height:100vh;
  width:100vw;
  min-width:425px;
  *font-size:1em;
  line-height:1.5em;
}

body {
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  overflow-x:hidden;
  background-color:#171717;
  text-align:center;
}

#profile_main_about_holder {
  color:#999;
  width:100%;
  height:100%;
}

.tvContent {
  float:left;
}

#trapezoid {
  border-bottom:9vmin solid #252525;
  border-left:10vmin solid transparent;
  border-right:10vmin solid transparent;
  margin-top:5vmin;
  height:0;
  width:56.5vmin;
}

#tv {
  position:relative;
  float:left;
  width:76.5vmin;
  height:76vmin;
  margin-top:0vmin;
  border-radius:6px;
  background-color:#333;
  background:radial-gradient(#333,#303030);
}

#screen {
  position:relative;
  width:66.5vmin;
  height:53vmin;
  margin-top:7.5vmin;
  margin-left:5vmin;
  background-color:#050505;
  border-radius:50% / 5%;
  color:white;
  text-align:center;
  text-indent:.1em;
}

#screen:before {
  content:'';
  position:absolute;
  top:4%;
  bottom:4%;
  right:-4%;
  left:-4%;
  background:inherit;
  border-radius:5% / 50%;
}

#buffer {
  positon:relative;
  float:left;
  width:100%;
  height:4vmin;
}

.speakerL,.speakerR {
  position:relative;
  width:17vmin;
  height:10vmin;
  margin-top:2vmin;
  background-color:#292929;
  border-color:# -moz-border-radius: 7vmin;
  -webkit-border-radius:7vmin;
  border-radius:7vmin;
  border-style:dotted;
  border-color:#171717;
}

.speakerL {
  float:left;
  margin-left:2.5vmin;
}

.speakerR {
  float:right;
  margin-right:2.5vmin;
}

.knobContainer {
  position:relative;
  float:left;
  width:auto;
  margin:0 auto;
}

.knobL,.knobR {
  position:relative;
  float:left;
  width:3vmin;
  height:3vmin;
  margin-top:9vmin;
  background-color:#222222;
  border-color:# -moz-border-radius: 7vmin;
  -webkit-border-radius:7vmin;
  border-radius:7vmin;
  border-style:dashed;
  border-color:#111;
}

.knobL {
  margin-left:6vmin;
}

.knobR {
  margin-left:1vmin;
}

.pixelBLACK,.pixelBLUE,.pixelCYAN,.pixelGREEN,.pixelPINK,.pixelRED,.pixelWHITE,.pixelYELLOW,.pixelGRAY {
  position:relative;
  float:left;
  width:3.5vmin;
  height:3.5vmin;
  -webkit-animation:click 1.5s infinite;
  animation:click 1.5s infinite;
  -webkit-animation-play-state:paused;
  animation-play-state:paused;
}

.pixelBLACK {
  background-color:#000;
  background-color:#fff;
}

.pixelBLUE {
  background-color:#00f;
  background-color:#fff;
}

.pixelCYAN {
  background-color:#0ff;
  background-color:#fff;
}

.pixelGREEN {
  background-color:#0f0;
  background-color:#fff;
}

.pixelPINK {
  background-color:#f0f;
  background-color:#fff;
}

.pixelRED {
  background-color:#f00;
  background-color:#fff;
}

.pixelWHITE {
  background-color:#fff;
}

.pixelYELLOW {
  background-color:#ff0;
  background-color:#fff;
}

.pixelGRAY {
  background-color:#666;
  background-color:#fff;
}

.pixelBLACK:active,.pixelBLUE:active,.pixelCYAN:active,.pixelGREEN:active,.pixelPINK:active,.pixelRED:active,.pixelWHITE:active,.pixelYELLOW:active,.pixelGRAY:active {
  -webkit-animation-play-state:running;
}

@-webkit-keyframes click {
  .1% {
    background-color:#fff;
    background-color:#f00;
  }
  
  20% {
    background-color:#fff;
    background-color:#f00;
  }
  
  20.1% {
    background-color:#f00;
    background-color:#0f0;
  }
  
  40% {
    background-color:#f00;
    background-color:#0f0;
  }
  
  40.1% {
    background-color:#0f0;
    background-color:#00f;
  }
  
  60% {
    background-color:#0f0;
    background-color:#00f;
  }
  
  60.1% {
    background-color:#00f;
    background-color:#000;
  }
  
  80% {
    background-color:#00f;
    background-color:#000;
  }
  
  80.1% {
    background-color:#000;
    background-color:#fff;
  }
  
  100% {
    background-color:#000;
    background-color:#fff;
  }
}