@charset "UTF-8";

a:link,a:active,a:visited {
    color:#f06;
    text-decoration:none;
  }

  a:hover {
    color:#fc3;
    text-shadow:0 1px #000,0 0 5px #fff;
  }

  body {
    width:800px;
    mgin:0 auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background:url(https://p4.wallpaperbetter.com/wallpaper/352/1007/715/miss-kobayashis-dragon-maid-4k-download-hd-wallpaper-preview.jpg);
    background-size:100%;
    background-repeat:no-repeat;
    background-position:0 0;
    background-attachment:fixed;
    background-color:#000;
    -webkit-animation:fadeInScale 1.2s ease-in-out;
    -moz-animation:fadeInScale 1.2s ease-in-out;
    -o-animation:fadeInScale 1.2s ease-in-out;
    -ms-animation:fadeInScale 1.2s ease-in-out;
    animation:fadeInScale 1.2s ease-in-out;
    margin-left:10%;
  }

  .profile_section_content {
    color:#666;
    padding:8px;
    margin:5px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:0 0 0 #777;
    -moz-box-shadow:0 0 0 #777;
    box-shadow:0 0 0 #777;
  }

  .profile_section_background {
    background-color:transparent;
    background-color:rgba(255,255,255,0);
    filter:alpha(opacity=100);
    opacity:1;
  }

  input::-moz-focus-inner {
    border:0;
  }

  #photo_gallery_previews a {
    color:#09c;
    font-family:"Abel";
  }

  .photo_gallery_image {
    border:2px solid #09c;
  }

  .photo_gallery_image:hover {
    border:2px solid #f3c;
    box-shadow:0 0 3px #666;
    -webkit-box-shadow:0 0 3px #666;
  }

  #profile {
    background:none;
  }

  .profile_section_content .heading {
    display:none;
  }

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

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

  .content {
    display:block;
  }

  #profile_interests_content .label {
    display:none;
  }

  #profile_main_about_holder {
    color:#f1f1f1;
    font-size:13px;
  }

  #avatar_holder {
    background:none;
  }

  #profile_avatar {
    display:none;
  }

  #profile_header_container,#unix_last_login_container {
    display:none;
  }

  #avatar_holder {
    background:none;
  }

  #footer_bar {
    display:none;
  }

  #profile_header_container {
    opacity:0;
  }

  #unix_last_updated_container {
    display:none;
  }

  .photo_gallery_name a,.photo_gallery_name a:visited {
    color:#fff;
    text-decoration:none;
    font-size:15px;
  }

  .photo_gallery_name a:hover {
    color:#f0c;
  }

  /***Inlaturate***/
  #header_bar {
    display:none;
  }

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

  #photo_gallery_previews {
    display:block;
    position:relative;
    margin:0 auto;
    padding:15px;
    background:rgba(0,0,0,0.7);
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #000;
    margin-bottom:5px;
  }

  .user_comment_textarea_small {
    width:600px;
    padding:15px;
    background:rgba(0,0,0,0.8);
    color:#fff;
    margin-top:12px;
    -webkit-box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
    -moz-box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
    font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
    box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
    outline:none;
    outline-style:none;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
  }

  .user_comment_textarea_big {
    width:700px;
    height:100px;
    padding:15px;
    background:rgba(0,0,0,0.8);
    color:#fff;
    margin-top:12px;
    -webkit-box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
    -moz-box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
    font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
    box-shadow:inset 0 -1px 9px 1px rgba(44,50,50,0.97);
    outline:none;
    outline-style:none;
  }

  .wall_post_avatar img {
    background:none repeat scroll 0 0 #131313;
    border:4px solid #111;
    margin-top:1px;
    margin-left:-5px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    border:2px solid rgba(255,255,255,0);
    width:70px;
    height:70px;
  }

  .wall_post_avatar:hover img {
    border:2px solid #111;
    box-shadow:0 0 6px #333;
    -ms-box-shadow:0 0 6px #333;
    -o-box-shadow:0 0 6px #333;
    -webkit-box-shadow:0 0 6px #333;
  }

  .wall_post_info {
    width:700px;
    margin-left:42px;
    font-family:"Oswald";
    text-shadow:0 1px 0 #000;
  }

  .img_radius_shadow {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
  }

  div.wall_post {
    display:block;
    margin-top:10px;
    font-size:18px;
    color:#fff;
    padding:8px 12px;
    border:1px solid #333;
    background:rgba(0,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;
  }

  /***CUSTOM MYFREECAMS PROFILE DESIGN BY STUDIO CSSMFC PRODUCTIONS - @CSSMFC ON TWITTER***/
  div#comments {
    padding:10px;
    margin-top:10px;
    text-shadow:0 1px 0 #000;
  }

  div#profile_about_me.profile_subsection {
    background:url() rgba(0,0,0,0);
    background-repeat:no-repeat;
    background-position:top right;
  }

  .img_radius_shadow {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 0 #777777;
    -moz-box-shadow:0 1px 0 #777777;
    box-shadow:0 1px 0 #777777;
  }

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

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

  div#comments {
    padding:10px;
    margin-top:30px;
    background:none;
  }

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

  #craziest_thing_label.label {
    display:none;
  }

  #be_anywhere_container,#hobbies_container,#talents_container,#perfect_mate_container,#perfect_date_container,#turn_ons_container,#five_things_container,#know_me_container,#for_fun_container,#favorite_songs_container,#favorite_movies_container,#craziest_thing_container,#favorite_books_container,#meaning_life_container,#know_me_container {
    display:block;
    padding:10px;
    background:rgba(0,0,0,0.5);
    border:1px solid #333;
    margin-bottom:20px;
    visibility:visible;
    font-size:17px;
    color:#fff;
    font-family:"Abel",Palatino Linotype,Book Antiqua,Palatino,serif;
    margin-left:0;
  }

  h1 {
    color:#096;
    font-family:"Oswald",Palatino Linotype,Book Antiqua,Palatino,serif;
    font-size:27px;
    padding-top:7px;
  }

  h2 {
    color:#f39;
    font-family:"Oswald",Palatino Linotype,Book Antiqua,Palatino,serif;
    font-size:25px;
    padding-top:7px;
  }

  h3,h4,h5,h6 {
    color:#399;
    font-family:"Oswald",Palatino Linotype,Book Antiqua,Palatino,serif;
    font-size:20px;
    padding-top:7px;
  }

  #profile_about_me {
  }

  #rate_label,#average_rating_label,#admirers_label,#friends_label,#favorite_models_label {
  }

  #about_me_container,#about_me_value {
    visibility:visible!important;
    font-family:"Oswald";
  }

  #profile_friends {
    display:block;
    margin-top:10px;
    color:#fff;
    margin-bottom:30px;
    padding:10px 13px;
    background:url();
    background-repeat:no-repeat;
    background-position:top right;
    background-color:rgba(0,0,0,0.5);
    font-size:14px;
    border:1px solid #222;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-family:"Abel";
  }

  /***CUSTOM MYFREECAMS PROFILE DESIGN BY STUDIO CSSMFC PRODUCTIONS - @CSSMFC ON TWITTER***/
  #friends_value a {
    margin-right:6px;
    color:#09c;
    font-family:"Abel";
  }

  #friends_value a:hover {
    margin-right:6px;
    color:#fff;
  }

  #favorite_models_value > a::before {
    content:"\2665";
    display:inline-block;
    text-shadow:none;
    color:#fff;
    font-size:14px;
    margin-right:3px;
  }

  #friends_value > a::before {
    content:"\2605";
    display:inline-block;
    text-shadow:none;
    color:#666;
    font-size:12px;
    margin-right:3px;
  }

  #favorite_models_value a {
    color:#09c;
    font-family:"Abel";
  }

  #favorite_models_value a:hover {
    color:#09c;
    font-family:"Abel";
  }

  #favorite_models_value > a {
    margin-right:6px;
    font-family:"Abel";
  }

  .xcr::-webkit-scrollbar {
    width:9px;
  }

  .xcr::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
    -webkit-border-radius:10px;
    border-radius:10px;
  }

  .xcr::-webkit-scrollbar-thumb {
    -webkit-border-radius:10px;
    border-radius:10px;
    background:#444;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
  }

  .xcr::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(102,0,102,0.3);
    border:1px solid #000;
  }

  #myCv {
    display:block;
    width:900px;
    height:auto;
    background:#222;
    margin:0 auto;
    border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:0 2px 5px #000,-5px 0 18px #000,5px 0 18px #000;
    -webkit-box-shadow:0 2px 5px #000,-5px 0 18px #000,5px 0 18px #000;
    overflow:hidden;
    padding-bottom:20px;
    border:1px solid #222;
    margin-top:-40px;
    -webkit-animation:fadeInScale 1.2s ease-in-out;
    -moz-animation:fadeInScale 1.2s ease-in-out;
    -o-animation:fadeInScale 1.2s ease-in-out;
    -ms-animation:fadeInScale 1.2s ease-in-out;
    animation:fadeInScale 1.2s ease-in-out;
  }

  hr {
    display:block;
    width:95%;
    height:1px;
    background:#000;
    margin:10px auto;
    border:0;
    box-shadow:0 1px 2px #444;
    -webkit-box-shadow:0 1px 2px #444;
  }

  .maintitle {
    display:block;
    text-align:center;
    font-size:2.5em;
    color:#333;
    background-image:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.9));
    padding:10px;
    margin-bottom:20px;
    font-family:"Oswald";
  }

  .corp {
    display:block;
    padding:15px 30px;
    position:relative;
    font-family:"Abel";
  }

  @font-face {
    font-family:"Abel";
    font-style:normal;
    font-weight:400;
    src:local(Abel),local(Abel-Regular),url(https://fonts.gstatic.com/s/abel/v6/brdGGFwqYJxjg2CD1E9o7g.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
  }

  @font-face {
    font-family:"Oswald";
    font-style:normal;
    font-weight:400;
    src:local("Oswald Regular"),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
    unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
  }

  @font-face {
    font-family:"Oswald";
    font-style:normal;
    font-weight:400;
    src:local("Oswald Regular"),local(Oswald-Regular),url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format("woff2");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
  }

  #ModelCard {
    display:inline-block;
    width:40%;
    height:auto;
    padding:10px;
    margin:0 auto;
    position:relative;
    border:1px solid #111;
    text-align:center;
  }

  #ModelCard img {
    display:block;
    margin:0 auto;
    background:#000;
    text-align:center;
    border-radius:50%;
    -webkit-border-radius:50%;
    overflow:hidden;
    border:5px solid rgba(0,0,0,0.1);
    width:200px;
    height:200px;
  }

  .bum a:link,.bum a:visited {
    display:block;
    padding:5px;
    text-align:center;
    color:#888;
    font-size:17px;
    text-decoration:none;
    margin:0 auto;
    font-family:"Abel";
    font-style:normal;
    font-weight:400;
    background:#000;
    box-shadow:inset 0 8px 25px #111,0 1px 0 #000,0 2px 3px #000,inset 0 -1px 3px #111;
    margin:5px auto;
    border-radius:3px;
    -webkit-border-radius:3px;
  }

  .bum a:hover {
    display:block;
    padding:5px;
    text-align:center;
    color:#ccc;
    text-decoration:none;
    background:#000;
    box-shadow:inset 0 8px 25px #111,0 1px 0 #000,0 1px 3px #111,inset 0 1px 3px #000;
  }

  #AboutMe {
    display:inline-block;
    width:40%;
    height:430px;
    padding:10px;
    margin:-455px 10px auto -30px;
    border:1px solid #111;
    text-align:center;
    float:right;
  }

  .skilltitle {
    display:block;
    width:30%;
    height:auto;
    position:relative;
    top:-35px;
    left:25px;
    background:#222;
    text-align:center;
    color:#555;
    font-size:25px;
    padding:5px 16px;
    font-family:"Oswald";
    font-style:normal;
    font-weight:400;
    border-left:1px solid #111;
    border-right:1px solid #111;
  }

  .corpus {
    display:block;
    text-align:left;
    height:370px;
    padding:10px;
    overflow:auto;
    background:rgba(0,0,0,0.1);
    color:#666;
    margin-top:-30px;
  }

  .treq {
    display:block;
    width:95%;
    margin:5px auto;
    text-align:left;
    height:470px;
    padding:10px;
    overflow:auto;
    background:rgba(0,0,0,0.1);
    color:#666;
    font-size:19px;
  }

  .zreq {
    display:block;
    width:95%;
    margin:5px auto;
    text-align:left;
    height:470px;
    padding:10px;
    overflow:auto;
    background:rgba(0,0,0,0.1);
    color:#666;
    font-size:19px;
  }

  .zreq p {
    display:block;
    padding:6px 10px;
    border-left:5px solid rgba(0,0,0,0);
    margin:4px auto;
    background:rgba(0,0,0,0.1);
    color:#666;
    transition:all .3s;
    -webkit-transition:all .3s;
  }

  .zreq p:hover {
    display:block;
    padding:6px 10px;
    border-left:5px solid rgba(0,0,0,0.7);
    margin:4px auto;
    background:rgba(0,0,0,0.7);
    color:#ccc;
  }

  .treq p {
    display:block;
    padding:6px 10px;
    border-left:5px solid rgba(0,0,0,0);
    margin:4px auto;
    background:rgba(0,0,0,0.1);
    color:#666;
    transition:all .3s;
    -webkit-transition:all .3s;
  }

  .treq p:hover {
    display:block;
    padding:6px 10px;
    border-left:5px solid rgba(0,0,0,0.7);
    margin:4px auto;
    background:rgba(0,0,0,0.7);
    color:#ccc;
  }

  .treq a:link,.treq a:visited {
    display:inline-block;
    float:right;
    margin:-3px 5px auto auto;
    padding:5px 12px;
    color:#ccc;
    text-decoration:none;
    transition:all .3s;
    -webkit-transition:all .3s;
    font-family:"Oswald";
    font-size:14px;
    background:#000;
  }

  .treq a:hover {
    display:inline-block;
    float:right;
    margin:-3px 5px auto auto;
    padding:5px 12px;
    color:#fff;
    text-decoration:none;
    font-family:"Oswald";
    font-size:14px;
    background:#033;
    text-shadow:0 0 4px #fff;
  }

  .dasinfo {
    width:88%;
    height:auto;
    text-align:center;
    color:#666;
    font-size:16px;
    font-family:"Oswald";
    margin:0 auto;
  }

  .unscor {
    display:block;
    margin-top:10px;
    margin-bottom:15px;
    margin-left:7px;
    font-size:13px;
    color:#999;
    padding:15px 12px;
    font-family:"Tahoma";
    border:1px solid #333;
  }

  .unscor {
    display:block;
    margin-top:10px;
    margin-bottom:15px;
    margin-left:7px;
    font-size:13px;
    color:#999;
    padding:15px 12px;
    font-family:"Oswald";
    border:1px solid #333;
  }

  .skills_model1 {
    display:block;
    width:90%;
    text-align:left;
    background:#111;
    border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    -webkit-border-radius:8px;
    border:1px solid #333;
    padding-left:2px;
    padding-bottom:2px;
    padding-top:2px;
    box-shadow:0 1px 3px #000;
    margin-top:2px;
    margin-bottom:6px;
  }

  .metru_concept {
    display:block;
    width:99%;
    height:5px;
    border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    -webkit-border-radius:8px;
    background:#93c;
  }

  .metru_experience {
    display:block;
    width:96%;
    height:5px;
    border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    -webkit-border-radius:8px;
    background:#096;
  }

  .metru_graphic {
    display:block;
    width:96%;
    height:5px;
    border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    -webkit-border-radius:8px;
    background:#069;
  }

  .metru_coding {
    display:block;
    width:96%;
    height:5px;
    border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    -webkit-border-radius:8px;
    background:#f60;
  }

  .metru_cb {
    display:block;
    width:96%;
    height:5px;
    border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    -webkit-border-radius:8px;
    background:#c00;
  }

  .m100skill {
    width:99%;
  }

  .m90skill {
    width:90%;
  }

  .m80skill {
    width:80%;
  }

  .m70skill {
    width:70%;
  }

  .m60skill {
    width:60%;
  }

  .m50skill {
    width:50%;
  }

  .m40skill {
    width:40%;
  }

  .m30skill {
    width:30%;
  }

  .m20skill {
    width:20%;
  }

  .m10skill {
    width:10%;
  }

  .m100skill:after {
    content:"100%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:9px;
    background:#111;
    padding:2px;
  }

  .m90skill:after {
    content:"90%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:9px;
    background:#111;
    padding:2px;
  }

  .m80skill:after {
    content:"80%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:9px;
    background:#111;
    padding:2px;
  }

  .m70skill:after {
    content:"70%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:6px;
    background:#111;
    padding:2px;
  }

  .m60skill:after {
    content:"60%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:9px;
    background:#111;
    padding:2px;
  }

  .m50skill:after {
    content:"50%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:9px;
    background:#111;
    padding:2px;
  }

  .m40skill:after {
    content:"40%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:9px;
    background:#111;
    padding:2px;
  }

  .m30skill:after {
    content:"30%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:9px;
    background:#111;
    padding:2px;
  }

  .m20skill:after {
    content:"20%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:6px;
    background:#111;
    padding:2px;
  }

  .m10skill:after {
    content:"10%";
    display:inline-block;
    font-size:10px;
    margin-left:7px;
    float:right;
    margin-top:9px;
    background:#111;
    padding:2px;
  }

  .bxhdw {
    box-shadow:inset 0 0 2px #000;
    -moz-box-shadow:inset 0 0 2px #000;
    -webkit-box-shadow:inset 0 0 2px #000;
  }

  .bxhdw::before {
    content:"";
    display:inline-block;
    margin-left:-7px;
    float:right;
    margin-top:-18px;
    background:#333;
    padding:2px;
    font-size:9px;
    position:relative;
    color:#000;
    opacity:0;
  }

  .ttippers {
    display:inline-block;
    width:320px;
    height:320px;
    overflow:auto;
    padding:10px;
    margin:0 28px 5px 10px;
    background:rgba(0,0,0,0.1);
    text-align:left;
  }

  .ttippers p::before {
    content:"\2606";
    display:inline-block;
    width:30px;
    height:auto;
    color:#333;
    unicode-range:U+2606;
    text-shadow:0 1px 0 #000;
  }

  .ttippers p:hover::before {
    content:"\2605";
    display:inline-block;
    width:30px;
    height:auto;
    color:#ccc;
    unicode-range:U+2605;
    text-shadow:0 0 2px #fff;
  }

  #change {
    display:block;
    width:100px;
    height:auto;
    position:fixed;
    top:30px;
    left:-102px;
    text-align:center;
    padding-bottom:7px;
    border-radius:5px;
    background:#666;
    border:1px solid #333;
    transition:all .4s;
    -webkit-transition:all .4s;
    box-shadow:inset 0 0 30px #000,inset 0 70px 50px #000,inset 0 -20px 30px #000;
  }

  #change div {
    display:block;
    color:#fff;
    font-size:14px;
    font-family:"Oswald";
    background:#066;
  }

  #change:hover {
    display:block;
    width:100px;
    height:auto;
    position:fixed;
    top:30px;
    left:0;
    text-align:center;
    padding-bottom:7px;
    border-radius:5px;
    background:#666;
    border:1px solid #333;
  }

  #change::before {
    content:"\2665   change style";
    display:inline-block;
    position:relative;
    height:22px;
    top:50px;
    right:-61px;
    color:#fff;
    width:90px;
    font-size:14px;
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    padding:6px 5px;
    opacity:.7;
    transition:all .4s;
    -webkit-transition:all .4s;
    font-variant:small-caps;
    text-shadow:0 1px 0 #000;
    background:#096;
  }

  #change:hover::before {
    content:"\2665   change style";
    display:inline-block;
    position:relative;
    height:12px;
    top:50px;
    right:-60px;
    color:#fff;
    width:90px;
    font-size:14px;
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    padding:6px 5px;
    opacity:0;
  }

  .defaultstyle {
    display:block;
    width:40px;
    height:15px;
    background:#333;
    border:1px solid #999;
    margin:5px auto;
  }

  .redstyle {
    display:block;
    width:40px;
    height:15px;
    background:#900;
    border:1px solid #c93;
    margin:5px auto;
  }

  .bluestyle {
    display:block;
    width:40px;
    height:15px;
    background:#099;
    border:1px solid #444;
    margin:5px auto;
  }

  .defaultstyle:hover,.redstyle:hover,.bluestyle:hover {
    box-shadow:0 0 8px #fff;
  }

  .gen:target > #myCv,.red:target #myCv2,.change:target #myCv3 {
    -webkit-animation:fadeInScale 1.2s ease-in-out;
    -moz-animation:fadeInScale 1.2s ease-in-out;
    -o-animation:fadeInScale 1.2s ease-in-out;
    -ms-animation:fadeInScale 1.2s ease-in-out;
    animation:fadeInScale 1.2s ease-in-out;
  }

  .change:target .bum a:link,.change:target .bum a:visited {
    color:#099;
  }

  .change:target .bum a:hover {
    color:#fff;
    text-shadow:0 0 4px #fff;
  }

  .change:target .maintitle {
    color:#099;
  }

  .change:target .zreq p,.change:target .treq p {
    background:rgba(0,102,102,0.1);
    color:#fff;
    text-shadow:0 1px 0 #000;
  }

  .change:target .corp {
    background:rgba(255,255,255,0.1);
  }

  .change:target .skilltitle {
    background:#333;
    color:#099;
  }

  .change:target .xcr::-webkit-scrollbar {
    width:9px;
  }

  .change:target .xcr::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
    -webkit-border-radius:10px;
    border-radius:10px;
  }

  .change:target .xcr::-webkit-scrollbar-thumb {
    -webkit-border-radius:10px;
    border-radius:10px;
    background:#096;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
  }

  .change:target .xcr::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(102,0,102,0.3);
    border:1px solid #000;
  }

  .change:target .ttippers p:hover::before {
    content:"\2605";
    display:inline-block;
    width:30px;
    height:auto;
    color:#096;
    unicode-range:U+2605;
    text-shadow:0 0 2px #000;
  }

  .change:target #ModelCard img {
    display:block;
    margin:0 auto;
    background:#000;
    text-align:center;
    border-radius:50%;
    -webkit-border-radius:50%;
    overflow:hidden;
    border:5px solid rgba(0,102,102,0.5);
    width:200px;
    height:200px;
  }

  .change:target .bluebg {
    display:block;
    position:fixed;
    width:101%;
    height:101%;
    z-index:-2;
    top:-1px;
    left:-1px;
    background:rgba(0,102,102,0.2);
    background-image:linear-gradient(rgba(255,255,255,0) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0) 1px,transparent 1px),linear-gradient(rgba(255,255,255,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.1) 1px,transparent 1px);
    background-size:50px 50px,50px 50px,20px 20px,20px 20px;
    background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;
  }

  .gen:target {
  }

  .gen:target .defaultbg {
    display:block;
    position:fixed;
    width:101%;
    height:101%;
    z-index:-2;
    background-color:#111;
    top:-1px;
    left:-1px;
    background:linear-gradient(27deg,#151515 5px,transparent 5px) 0 5px,linear-gradient(207deg,#151515 5px,transparent 5px) 10px 0px,linear-gradient(27deg,#222 5px,transparent 5px) 0 10px,linear-gradient(207deg,#222 5px,transparent 5px) 10px 5px,linear-gradient(90deg,#1b1b1b 10px,transparent 10px),linear-gradient(#1d1d1d 25%,#1a1a1a 25%,#1a1a1a 50%,transparent 50%,transparent 75%,#242424 75%,#242424);
    background-color:#131313;
    background-size:20px 20px;
  }

  .red:target .bum a:link,.red:target .bum a:visited {
    color:#900;
  }

  .red:target .bum a:hover {
    color:#fff;
    text-shadow:0 0 4px #fff;
    background:#900;
  }

  .red:target .treq a:hover {
    background:#900;
  }

  .red:target .maintitle {
    color:#c93;
  }

  .red:target .skilltitle {
    background:#111;
    color:#900;
    border-left:1px solid #000;
    border-right:1px solid #000;
  }

  .red:target .zreq p,.red:target .treq p {
    background:rgba(0,0,0,0.1);
    color:#777;
    text-shadow:0 1px 0 #000;
    border-left:5px solid rgba(204,0,0,0.1);
  }

  .red:target .zreq p:hover,.red:target .treq p:hover {
    background:rgba(0,0,0,0.2);
    color:#fff;
    text-shadow:0 1px 0 #000;
    border-left:5px solid #900;
  }

  .red:target .corp {
    background:rgba(0,0,0,0.5);
  }

  .red:target .xcr::-webkit-scrollbar {
    width:9px;
  }

  .red:target .xcr::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
    -webkit-border-radius:10px;
    border-radius:10px;
  }

  .red:target .xcr::-webkit-scrollbar-thumb {
    -webkit-border-radius:10px;
    border-radius:10px;
    background:#900;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
  }

  .red:target .xcr::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(102,0,102,0.3);
    border:1px solid #000;
  }

  .red:target .ttippers p:hover::before {
    content:"\2605";
    display:inline-block;
    width:30px;
    height:auto;
    color:#900;
    unicode-range:U+2605;
    text-shadow:0 0 2px #000;
  }

  .red:target #ModelCard {
    border:1px solid #000;
  }

  .red:target #ModelCard img {
    display:block;
    margin:0 auto;
    background:#000;
    text-align:center;
    border-radius:50%;
    -webkit-border-radius:50%;
    overflow:hidden;
    border:5px solid rgba(153,0,0,0.5);
    width:200px;
    height:200px;
  }

  .red:target .redbg {
    display:block;
    position:fixed;
    width:101%;
    height:101%;
    z-index:-2;
    top:-1px;
    left:-1px;
    background:radial-gradient(hsl(0,100%,27%) 4%,hsl(0,100%,18%) 9%,hsla(0,100%,20%,0) 9%) 0 0,radial-gradient(hsl(0,100%,27%) 4%,hsl(0,100%,18%) 8%,hsla(0,100%,20%,0) 10%) 50px 50px,radial-gradient(hsla(0,100%,30%,0.8) 20%,hsla(0,100%,20%,0)) 50px 0,radial-gradient(hsla(0,100%,30%,0.8) 20%,hsla(0,100%,20%,0)) 0 50px,radial-gradient(hsla(0,100%,20%,1) 35%,hsla(0,100%,20%,0) 60%) 50px 0,radial-gradient(hsla(0,100%,20%,1) 35%,hsla(0,100%,20%,0) 60%) 100px 50px,radial-gradient(hsla(0,100%,15%,0.7),hsla(0,100%,20%,0)) 0 0,radial-gradient(hsla(0,100%,15%,0.7),hsla(0,100%,20%,0)) 50px 50px,linear-gradient(45deg,hsla(0,100%,20%,0) 49%,hsla(0,100%,0%,1) 50%,hsla(0,100%,20%,0) 70%) 0 0,linear-gradient(-45deg,hsla(0,100%,20%,0) 49%,hsla(0,100%,0%,1) 50%,hsla(0,100%,20%,0) 70%) 0 0;
    background-color:#300;
    background-size:100px 100px;
  }

  #myCv2 {
    display:block;
    width:900px;
    margin-top:-110px;
  }

  .gen:target #myCv {
    display:block;
    width:900px;
    margin-top:-110px;
  }

  .change:target #myCv2 {
    display:block;
    width:900px;
    margin-top:-110px;
  }

  .red:target #myCv3 {
    display:block;
    width:900px;
    margin-top:-110px;
  }

  @-webkit-keyframes fadeInScale {
    0% {
      -webkit-transform:scale(0.6);
      opacity:0;
      height:0;
    }

    100% {
      -webkit-transform:scale(1);
      opacity:1;
      height:auto;
    }
  }

  @-moz-keyframes fadeInScale {
    0% {
      -moz-transform:scale(0.6);
      opacity:0;
      height:0;
    }

    100% {
      -moz-transform:scale(1);
      opacity:1;
      height:auto;
    }
  }

  @-o-keyframes fadeInScale {
    0% {
      -o-transform:scale(0.6);
      opacity:0;
      height:0;
    }

    100% {
      -o-transform:scale(1);
      opacity:1;
      height:auto;
    }
  }

  @-ms-keyframes fadeInScale {
    0% {
      -ms-transform:scale(0.6);
      opacity:0;
      height:0;
    }

    100% {
      -ms-transform:scale(1);
      opacity:1;
      height:auto;
    }
  }

  @keyframes fadeInScale {
    0% {
      transform:scale(0.6);
      opacity:0;
      height:0;
    }

    100% {
      transform:scale(1);
      opacity:1;
      height:auto;
    }
  }  
}