@charset "UTF-8";

/* turn off all things that could get in the way */
#about_me_label,#avatar_holder,#blurb_label,#body_type_label,#body_type_value,#cam_score_value,#cam_score_label,#footer_bar,#header_bar,#member_message_value,#member_type_value,#profile_avatar,#profile_friends,#profile_main_photo,#show_message_dialog,#status_label,#tags_label,#tags_value,#unix_last_updated_container {
  display:none;
}

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

.profile_row,.heading {
  display:none;
}

#about_me_container,#about_me_value {
  display:flex;
  flex-direction:column;
  width:100%;
}

.container {
  margin:0;
  padding:0;
}

#comments {
/* Related to Comments */
  display:block;
}

.profile_section {
/* Related to Comments */
  background-color:transparent;
  max-height:100vh;
  border:0;
  margin:0;
  padding:0;
  border-spacing:0;
}

.profile_section_content {
  margin:0;
  padding:0;
  border-radius:0;
}

/* <----------------Fonts---------------> */
/* latin-ext */
@font-face {
  font-family:'Cinzel';
  font-style:normal;
  font-weight:400;
  src:local('Cinzel Regular'),local(Cinzel-Regular),url(https://fonts.gstatic.com/s/cinzel/v7/8vIJ7ww63mVu7gt7-GT7LEc.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family:'Cinzel';
  font-style:normal;
  font-weight:400;
  src:local('Cinzel Regular'),local(Cinzel-Regular),url(https://fonts.gstatic.com/s/cinzel/v7/8vIJ7ww63mVu7gt79mT7.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* latin-ext */
@font-face {
  font-family:'Rokkitt';
  font-style:normal;
  font-weight:400;
  src:local('Rokkitt Regular'),local(Rokkitt-Regular),url(https://fonts.gstatic.com/s/rokkitt/v12/qFdE35qfgYFjGy5hkEiCdubL.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family:'Rokkitt';
  font-style:normal;
  font-weight:400;
  src:local('Rokkitt Regular'),local(Rokkitt-Regular),url(https://fonts.gstatic.com/s/rokkitt/v12/qFdE35qfgYFjGy5hkEaCdg.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* latin-ext */
@font-face {
  font-family:'Taviraj';
  font-style:normal;
  font-weight:400;
  src:local('Taviraj Regular'),local(Taviraj-Regular),url(https://fonts.gstatic.com/s/taviraj/v3/ahcZv8Cj3ylylTXzTOcrUtFw.woff2) format("woff2");
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* latin */
@font-face {
  font-family:'Taviraj';
  font-style:normal;
  font-weight:400;
  src:local('Taviraj Regular'),local(Taviraj-Regular),url(https://fonts.gstatic.com/s/taviraj/v3/ahcZv8Cj3ylylTXzTOkrUg.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* <----------------Main HTML Components---------------> */
html {
  display:block;
/* background-color: #0f388a; */
  background-color:#ffffff;
  box-sizing:border-box;
  width:100%;
  height:100%;
}

body {
  width:100%;
  height:100%;
  overflow:hidden;
  padding:0!important;
  margin:0!important;
}

/* <----------------Flex Box setup---------------> */
.flex-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* <----------------Anchor Spacing---------------> */
div.anchor_spacing {
  padding-top:75px;
}

/* <----------------Start Profile---------------> */
#start_profile {
  background-color:#000000;
  background-image:linear-gradient(rgba(0,0,0,1),rgba(255,255,255,0.5)),url(https://i.postimg.cc/HkGcq5Pw/hero-picture.jpg);
/* background-image: linear-gradient(rgba(0,0,0,0.2),rgba(255,255,255,1.0)), url("https://i.postimg.cc/HkGcq5Pw/hero-picture.jpg"); */
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  z-index:50;
}

/* <----------------Top Section---------------> */
#top_page {
  display:flex;
  position:relative;
  align-items:center;
  align-content:center;
  flex-direction:column;
  width:100%;
  height:100vh;
  min-width:1376px;
  z-index:200;
}

/* <----------------Intro Section---------------> */
#intro {
  display:flex;
  position:relative;
  align-items:center;
  align-content:center;
  flex-direction:column;
  color:#ffffff;
  background-color:transparent;
  height:500px;
  margin-left:30%;
  margin-right:30%;
  z-index:100;
}

#logo_goes_here {
  position:relative;
  left:0;
  top:30%;
  width:700px;
  margin-top:25px;
  animation:fadein 3s;
  -moz-animation:fadein 3s;
/* Firefox */
  -webkit-animation:fadein 3s;
/* Safari and Chrome */
  -o-animation:fadein 3s;
/* Opera */
  border:10px solid #ffffff;
  border-radius:10px;
  z-index:100;
}

#logo_goes_here p {
  font-size:50px;
  text-align:center;
  color:#ffffff;
  font-family:"rokkitt";
  text-shadow:2px 2px #000000;
}

#logo_caption {
  position:relative;
  left:0;
  top:30%;
  width:350px;
  margin:0;
  animation:fadein 5s;
  -moz-animation:fadein 5s;
/* Firefox */
  -webkit-animation:fadein 5s;
/* Safari and Chrome */
  -o-animation:fadein 5s;
/* Opera */
  border:0 solid #ffffff;
  border-bottom-width:5px;
  font-size:24px;
  line-height:0;
  text-align:center;
  letter-spacing:.1em;
  color:#ffffff;
  font-family:"taviraj";
}

@keyframes fadein {
  from {
    opacity:0;
  }

  to {
    opacity:1;
  }
}

/* <----------------Contact Section---------------> */
#contact_section {
  position:fixed;
  left:15px;
  bottom:25px;
  margin:0;
  padding:0;
  animation:fadein 7s;
  -moz-animation:fadein 7s;
  -webkit-animation:fadein 7s;
  -o-animation:fadein 7s;
  font-size:24px;
  text-align:left;
  letter-spacing:normal;
  line-height:80%;
  color:#ffffff;
  font-family:"taviraj";
  text-shadow:2px 2px #000000;
}

.email_data {
  display:flex;
  flex-flow:row;
  justify-content:center;
  align-items:center;
}