@charset "UTF-8";

#snow {
  background:none;
  font-family:Androgyne;
  background-image:url(http://www.wearewebstars.dk/codepen/img/s1.png),url(http://www.wearewebstars.dk/codepen/img//s2.png),url(http://www.wearewebstars.dk/codepen/img//s3.png);
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:400;
  -webkit-animation:snow 10s linear infinite;
  -moz-animation:snow 10s linear infinite;
  -ms-animation:snow 10s linear infinite;
  animation:snow 10s linear infinite;
}

@keyframes snow {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
  
  50% {
    background-position:500px 500px,100px 200px,-100px 150px;
  }
  
  100% {
    background-position:500px 1000px,200px 400px,-100px 300px;
  }
}

@-moz-keyframes snow {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
  
  50% {
    background-position:500px 500px,100px 200px,-100px 150px;
  }
  
  100% {
    background-position:400px 1000px,200px 400px,100px 300px;
  }
}

@-webkit-keyframes snow {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
  
  50% {
    background-position:500px 500px,100px 200px,-100px 150px;
  }
  
  100% {
    background-position:500px 1000px,200px 400px,-100px 300px;
  }
}

@-ms-keyframes snow {
  0% {
    background-position:0 0px,0 0px,0 0;
  }
  
  50% {
    background-position:500px 500px,100px 200px,-100px 150px;
  }
  
  100% {
    background-position:500px 1000px,200px 400px,-100px 300px;
  }
}

a:link,a:active,a:hover {
  color:#;
}

a:visited {
  color:#;
}

body {
  background-color:#ffffff;
  background-image:url(https://img.mfcimg.com/photos2/223/22352345/191-884-144-447-9849916.jpg);
  background-size:100%;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

.profile_section_content {
  color:#000;
  border:0 none #;
  padding:5px;
  margin:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:1;
}

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

.profile_section_content .heading {
  padding:5px;
  background:#000101;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
}

.content {
  padding:5px;
}

.content {
  padding:5px;
}

#header_bar {
  display:none;
}

#footer_bar {
  display:none;
}

#profile_main_photo {
  display:none;
}

#profile_header {
  display:none;
}

.profile_section_background {
  display:none;
}

#profile {
  display:table;
  margin-left:25%;
  margin-right:25%;
  margin-top:15%;
  width:50%;
}

.mataegrasa {
  position:fixed;
  top:0;
  left:0;
  width:100px;
  height:100px;
  z-index:450;
}

.mataegrasa a {
  display:block;
  height:25px;
  margin:4px;
  padding-left:30px;
  width:230px;
  background:#FF0040;
  color:#000000;
  text-decoration:none;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  padding:10px 0 0;
  text-align:center;
  text-decoration:none;
  transition:background 1 ease-out;
}

.mataegrasa a:hover {
  transition:background 1 ease-out;
  background:#FFFFFF;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
  
  50% {
    -webkit-transform:scale3d(1.05,1.05,1.05);
    transform:scale3d(1.05,1.05,1.05);
  }
  
  100% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
  
  50% {
    -webkit-transform:scale3d(1.05,1.05,1.05);
    transform:scale3d(1.05,1.05,1.05);
  }
  
  100% {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
  }
}

.pulse {
  -webkit-animation-name:pulse;
  animation-name:pulse;
}

@-webkit-keyframes rollIn {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
  
  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

@keyframes rollIn {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
  
  100% {
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}

.rollIn {
  -webkit-animation-name:rollIn;
  animation-name:rollIn;
}

#photo_galleries {
  background-color:rgba(255,255,255,0.70);
  bottom:0;
  height:165px;
  overflow:scroll;
  position:absolute;
  right:0;
  width:100%;
  z-index:450;
}

#profile_about_me {
  background-color:rgba(255,255,255,0.70);
  background-image:url(#);
  background-position:108% 121%;
  background-repeat:no-repeat;
  background-size:25% auto;
  color:#000;
  height:545px;
  min-height:150px;
  position:fixed;
  left:40%;
  width:560px;
  padding:15px;
  margin:5px;
  bottom:-1500px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

#profile_about_me:target {
  -webkit-animation:rollIn 1s linear;
  animation:rollIn 1s linear;
  left:31%;
  top:10%;
}

#profile_featured_video_content {
  background-color:rgba(255,255,255,0.7);
  background-image:url(#);
  background-position:102% 105%;
  background-repeat:no-repeat;
  background-size:20% auto;
  border-radius:5px;
  bottom:-1500px;
  box-shadow:0 0 0 #777777;
  color:#000;
  height:367px;
  left:40%;
  margin:5px;
  min-height:150px;
  padding:15px;
  position:fixed;
  transition:bottom .5s ease-in-out .5s;
  width:573px;
  z-index:450;
}

#profile_featured_video_content:target {
  -webkit-animation:rollIn 1s linear;
  animation:slideInUp 1s linear;
  left:30%;
  top:45%;
}

#profile_friends {
  background-color:rgba(255,255,255,0.70);
  background-image:url(#);
  background-position:102% 105%;
  background-repeat:no-repeat;
  background-size:20% auto;
  color:#000;
  height:200px;
  min-height:150px;
  position:fixed;
  left:40%;
  width:560px;
  padding:15px;
  margin:5px;
  bottom:-1500px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  transition:bottom .5s ease-in-out .5s;
  z-index:450;
}

#profile_friends:target {
  -webkit-animation:rollIn 2s linear;
  animation:rollIn 2s linear;
  left:31%;
  top:10%;
}

#profile_photo_galleries {
  background-color:rgba(255,255,255,0.70);
  background-image:url(#);
  background-position:103% 100%;
  background-repeat:no-repeat;
  background-size:20% auto;
  color:#000;
  height:345px;
  min-height:150px;
  position:fixed;
  left:40%;
  width:600px;
  padding:0;
  margin:5px;
  bottom:-1500px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  transition:bottom .5s ease-in-out .5s;
  z-index:450;
}

#profile_photo_galleries:target {
  -webkit-animation:rollIn 2s linear;
  animation:rollIn 2s linear;
  left:31%;
  top:10%;
}

#profile_schedule {
  background-color:rgba(255,255,255,0.70);
  background-image:url(#);
  background-position:102% 120%;
  background-repeat:no-repeat;
  background-size:25% auto;
  color:#000;
  height:200px;
  min-height:150px;
  position:fixed;
  left:40%;
  width:600px;
  padding:0;
  margin:5px;
  bottom:-1500px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  transition:bottom .5s ease-in-out .5s;
}

#profile_schedule:target {
  -webkit-animation:rollIn 2s linear;
  animation:rollIn 2s linear;
  left:31%;
  top:10%;
}

#profile_interests_content {
  background-color:rgba(255,255,255,0.70);
  background-image:url(#);
  background-position:104% 100%;
  background-repeat:no-repeat;
  background-size:20% auto;
  color:#000;
  height:610px;
  min-height:150px;
  position:fixed;
  left:40%;
  width:600px;
  padding:0;
  margin:5px;
  bottom:-1500px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  transition:bottom .5s ease-in-out .5s;
}

#profile_interests_content:target {
  -webkit-animation:rollIn 2s linear;
  animation:rollIn 2s linear;
  left:31%;
  top:10%;
}

#profile_comments {
  background-color:rgba(255,255,255,0.70);
  background-image:url(#);
  background-position:100% 30%;
  background-repeat:no-repeat;
  background-size:20% auto;
  color:#000;
  height:520px;
  min-height:150px;
  position:fixed;
  left:40%;
  width:600px;
  padding:0;
  margin:5px;
  bottom:-1500px;
  overflow:scroll;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  transition:bottom .5s ease-in-out .5s;
  z-index:450;
}

#profile_comments:target {
  -webkit-animation:rollIn 2s linear;
  animation:rollIn 2s linear;
  left:31%;
  top:10%;
}

#profile_password_photo_galleries {
  background-color:rgba(255,255,255,0.70);
  background-image:url(#);
  background-position:104% 140%;
  background-repeat:no-repeat;
  background-size:20% auto;
  color:#000;
  height:200px;
  min-height:150px;
  position:fixed;
  left:40%;
  width:600px;
  padding:0;
  margin:5px;
  bottom:-1500px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  transition:bottom .5s ease-in-out .5s;
  z-index:450;
}

#profile_password_photo_galleries:target {
  -webkit-animation:rollIn 2s linear;
  animation:rollIn 2s linear;
  left:31%;
  top:10%;
}

.mazga {
  position:fixed;
  bottom:230px;
  left:3px;
  z-index:450;
}

.mazga a img {
  height:116px;
  width:238px;
}

.mazga a img:hover {
  -webkit-animation:pulse 2s linear;
  animation:pulse 2s linear;
}