@charset "UTF-8";

h1,h2,h3 {
  letter-spacing:-.1rem;
}

body,h6 {
  line-height:1.6;
}

@font-face {
  font-family:Quicksand;
  font-style:normal;
  font-weight:400;
  src:local('Quicksand Regular'),local(Quicksand-Regular),url(https://fonts.gstatic.com/s/quicksand/v5/sKd0EMYPAh5PYCRKSryvW6CWcynf_cDxXwCLxiixG1c.ttf) format("truetype");
}

@font-face {
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  src:local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype");
}

html {
  box-sizing:border-box;
  font-size:62.5%;
}

body {
  letter-spacing:.01em;
  font-size:1.5em;
  font-weight:400;
  font-family:"Open Sans",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom:2rem;
  font-weight:300;
  font-family:Quicksand;
}

h1 {
  font-size:4rem;
  line-height:1.2;
}

h2 {
  font-size:3.6rem;
  line-height:1.25;
}

h3 {
  font-size:3rem;
  line-height:1.3;
}

h4 {
  font-size:2.4rem;
  line-height:1.35;
  letter-spacing:-.08rem;
}

h5 {
  font-size:1.8rem;
  line-height:1.5;
  letter-spacing:-.05rem;
}

h6 {
  font-size:1.5rem;
  letter-spacing:0;
}

@media (min-width:550px) {
  h1 {
    font-size:5rem;
  }

  h2 {
    font-size:4.2rem;
  }

  h3 {
    font-size:3.6rem;
  }

  h4 {
    font-size:3rem;
  }

  h5 {
    font-size:2.4rem;
  }

  h6 {
    font-size:1.5rem;
  }
}

.container {
  max-width:960px;
  margin:0 auto 1.5em;
  width:80%;
}

.row {
  margin-top:2.0833%;
  padding:0 1.04165%;
}

.row:after {
  display:table;
  clear:both;
  content:'';
}

.row [class^=col-] {
  float:left;
  min-height:50px;
  margin-left:2.083333%;
}

.row [class^=col-]:first-child {
  margin-left:0;
}

.row .col-1 {
  width:6.42291%;
}

.row .col-2 {
  width:14.930208%;
}

.row .col-3 {
  width:23.4375%;
}

.row .col-4 {
  width:31.94375%;
}

.row .col-5 {
  width:40.25%;
}

.row .col-6 {
  width:48.958333%;
}

.row .col-7 {
  width:57.464583%;
}

.row .col-8 {
  width:65.970833%;
}

.row .col-9 {
  width:74.404166%;
}

.row .col-10 {
  width:82.9833%;
}

.row .col-11 {
  width:91.489583%;
}

.row .col-12 {
  width:100%;
}

@media screen and (max-width:768px) {
  .row {
    margin-top:0;
  }

  .row [class^=col-] {
    width:100%;
    margin-top:2.0833%;
    margin-left:0;
  }
}

a {
  color:#2a92ea;
}

.btn,[type=submit],button {
  overflow:hidden;
  margin:10px;
  padding:12px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-transition:all 60ms ease-in-out;
  transition:all 60ms ease-in-out;
  text-align:center;
  white-space:nowrap;
  text-decoration:none!important;
  text-transform:none;
  text-transform:uppercase;
  border:0;
  border-radius:4px;
  color:#FFF;
  background:#333030;
  font-family:inherit;
  font-weight:500;
  line-height:1.3;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

input[type=text],select,textarea,textarea[type=text] {
  font-family:'Open Sans';
  width:100%;
  margin:8px 0;
  box-sizing:border-box;
  outline:0;
}

.btn:hover,[type=submit]:hover,button:hover {
  -webkit-transition:all 60ms ease;
  transition:all 60ms ease;
  opacity:.85;
}

.btn:active,[type=submit]:active,button:active {
  -webkit-transition:all 60ms ease;
  transition:all 60ms ease;
  -webkit-transform:scale(.97);
  transform:scale(.97);
  opacity:.75;
}

.btn:focus,[type=submit]:focus,button:focus {
  outline:0;
}

.btn-outline {
  border:3px solid #fff;
  color:#fff;
  background:0 0;
  transition:all .5s ease;
}

.btn-outline:active,.btn-outline:hover {
  color:#000;
  background:#fff;
}

.btn-outline-inverted {
  border:3px solid #000;
  color:#000;
  background:0 0;
  transition:all .5s ease;
}

.btn-outline-inverted:active,.btn-outline-inverted:hover {
  color:#fff;
  background:#000;
}

.btn-clear {
  background:0 0;
  color:gray;
}

input[type=text],select {
  padding:12px 20px;
  display:inline-block;
  border:1px solid #ccc;
  border-radius:4px;
  -webkit-transition:.5s;
  transition:.5s;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    select {
      height:40px;
      background:0 0;
    }
  }
}

input[type=text]:focus,textarea:focus,textarea[type=text]:focus {
  border:1px solid #99b3ff;
  border-radius:4px;
}

textarea,textarea[type=text] {
  height:100px;
  padding:14px 20px;
  border:1px solid #ccc;
  border-radius:4px;
  resize:none;
  -webkit-transition:.5s;
  transition:.5s;
}

ul {
  list-style:circle inside;
}

ol {
  list-style:decimal inside;
}

.pull-right {
  float:right;
}

.pull-left {
  float:left;
}

.text-center {
  text-align:center;
}

.centered {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.full-screen {
  width:100vw;
  height:100vh;
}

.horizontal {
  display:flex;
  justify-content:center;
}

code {
  padding:.2rem .5rem;
  margin:0 .2rem;
  font-size:90%;
  white-space:nowrap;
  background:#F1F1F1;
  border:1px solid #E1E1E1;
  border-radius:4px;
}

pre>code {
  display:block;
  padding:1rem 1.5rem;
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

#wrap {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  justify-content:center;
  align-items:center;
  display:flex;
}

.profile_section_background,.heading,.label,#footer_bar,#header_bar {
  display:none;
}

#profile_avatar,#avatar_holder,#profile_main_photo,#header_bar,#footer_bar,#blurb_label,#about_me_label,#status_label,#member_type_value,#member_message_value,#unix_last_updated_container,#show_message_dialog,#username_container,#gender_container,#profile_interests_content,#profile_password_photo_galleries,#blurb_container #blurb_value,#status_container,#profile_photo_galleries,#profile_interests_content,#profile_password_photo_galleries,#profile_friends,#tags_container {
  display:none;
}

#username_container,#cam_score_container,#gender_container,#age_container,#country_container,#city_container,#ethnicity_container,#sexual_preference_container,#marital_status_container,#occupation_container,#school_container,#body_type_container,#weight_container,#height_container,#hair_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#favorite_food_container,#pets_container,#automobile_container {
  display:none;
}

.container #last_login_string_label,#unix_last_login_label,#unix_last_broadcast_label {
  display:none;
}

.container #last_login_string_value,#unix_last_login_value,#unix_last_broadcast_value {
  display:none;
}

#profile_comments {
  position:absolute;
  top:-5000px;
  transition:top 1s ease;
  width:95%;
  z-index:9999;
}

#profile_comments:target {
  top:20%;
  z-index:9999;
}

#profile_comments {
  background:#c5b358;
  width:95%;
  height:70%;
  overflow-y:scroll;
  overflow-x:hidden;
}

.modal {
/*   width: 50%; */
  background:#fff;
  padding:3rem;
  text-align:center;
}

#wrap:not(:target) {
  opacity:0;
  visibility:hidden;
  transition:opacity 1s,visibility 1s;
}

#wrap:target {
  opacity:1;
  visibility:visible;
  transition:opacity 1s,visibility 1s;
}

.open a {
  text-decoration:none;
  color:white;
}

.ghost-button {
  display:inline-block;
  width:200px;
  padding:8px;
  color:#fff;
  border:2px solid #fff;
  text-align:center;
  outline:none;
  text-decoration:none;
  transition:border-color .3s ease-out,color .3s ease-out;
}

.ghost-button:hover,.ghost-button:active {
  color:#e376b7;
  border-color:#e376b7;
  transition:border-color .4s ease-in,color .4s ease-in;
}