@charset "UTF-8";

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

a:visited {
  color:#;
}

body {
  background-color:#ffffff;
  background-color:#9AC956;
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

.profile_section_content {
  color:#666666;
  border:px #;
  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-color:#BCEC76;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -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;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
}

.content {
  padding:5px;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
}

/* codepen */
.button {
  position:relative;
  float:left;
  width:220px;
  height:80px;
  line-height:80px;
  text-align:center;
  color:white;
  font-size:30px;
  font-family:'Lato',sans-serif;
  overflow:hidden;
  cursor:pointer;
  margin-top:20px;
  margin-left:40px;
  box-shadow:0 3px 1px black;
}

.cover {
  position:absolute;
  top:0;
  left:0;
  width:220px;
  height:80px;
  -ms-transform:translateX(-240px);
  -webkit-transform:translateX(-240px);
  transform:translateX(-240px);
  transition:all .5s ease-in-out;
}

/* .button background colors */
#twitter {
  background-color:rgba(85,172,238,1);
}

#facebook {
  background-color:rgb(255,153,0);
}

#google {
  background-color:rgb(221,75,57);
}

#dribble {
  background-color:rgb(234,76,137);
}

#youtube {
  background-color:rgb(179,18,23);
}

#instagram {
  background-color:rgb(63,114,155);
}

#linkedin {
  background-color:rgb(9,118,180);
}

#flickr {
  background-color:rgb(255,0,132);
}

#github {
  background-color:rgb(153,153,153);
}

#pinterest {
  background-color:rgb(204,33,39);
}

/* .cover background colors */
.twitter {
  background-color:rgb(35,151,234);
}

.facebook {
  background-color:rgb(255,153,0);
}

.google {
  background-color:rgb(219,29,8);
}

.youtube {
  background-color:rgb(158,6,8);
}

.dribble {
  background-color:rgb(214,47,111);
}

.instagram {
  background-color:rgb(43,98,140);
}

.linkedin {
  background-color:rgb(1,101,155);
}

.flickr {
  background-color:rgb(214,0,110);
}

.github {
  background-color:rgb(114,107,107);
}

.pinterest {
  background-color:rgb(186,13,18);
}

.button:hover .cover {
  transform:translateX(0px);
}

.fa {
  color:white;
  margin-top:15px;
}

a {
  text-decoration:none;
}

#centrada {
  margin:50px auto 0;
  width:300px;
  font-family:'Verdana';
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
}

.utopix {
  padding-bottom:50px;
}

a {
  color:#fff;
  text-decoration:none;
}

body {
  background:#ffffff;
/* Old browsers */
  background:-moz-radial-gradient(center,ellipse cover,#ffffff 0%,#bababa 100%);
/* FF3.6+ */
  background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#ffffff),color-stop(100%,#bababa));
/* Chrome,Safari4+ */
  background:-webkit-radial-gradient(center,ellipse cover,#ffffff 0%,#bababa 100%);
/* Chrome10+,Safari5.1+ */
  background:-o-radial-gradient(center,ellipse cover,#ffffff 0%,#bababa 100%);
/* Opera 12+ */
  background:-ms-radial-gradient(center,ellipse cover,#ffffff 0%,#bababa 100%);
/* IE10+ */
  background:radial-gradient(ellipse at center,#ffffff 0%,#bababa 100%);
/* W3C */
}

.cube {
  width:100%;
  height:50px;
  -webkit-transition:all 250ms ease;
  -moz-transition:all 250ms ease;
  -o-transition:all 250ms ease;
  transition:all 250ms ease;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
}

.default-state,.active-state {
  height:50px;
}

.cube +.cube {
  margin:10px 0;
}

.default-state {
  -webkit-transform:translateZ(25px);
  -moz-transform:translateZ(25px);
  -o-transform:translateZ(25px);
  -ms-transform:translateZ(25px);
  transform:translateZ(25px);
}

.flip-to-top .active-state {
  -webkit-transform:rotateX(90deg) translateZ(75px);
  -moz-transform:rotateX(90deg) translateZ(75px);
  -o-transform:rotateX(90deg) translateZ(75px);
  -ms-transform:rotateX(90deg) translateZ(75px);
  transform:rotateX(90deg) translateZ(75px);
}

.flip-to-bottom .active-state {
  -webkit-transform:rotateX(-90deg) translateZ(-50px);
  -moz-transform:rotateX(-90deg) translateZ(-50px);
  -o-transform:rotateX(-90deg) translateZ(-50px);
  -ms-transform:rotateX(-90deg) translateZ(-50px);
  transform:rotateX(-90deg) translateZ(-50px);
}

.cube.flip-to-top:hover {
  -webkit-transform:rotateX(-89deg);
  -moz-transform:rotateX(-89deg);
  -o-transform:rotateX(-89deg);
  -ms-transform:rotateX(-89deg);
  transform:rotateX(-89deg);
}

.cube.flip-to-bottom:hover {
  -webkit-transform:rotateX(89deg);
  -moz-transform:rotateX(89deg);
  -o-transform:rotateX(89deg);
  -ms-transform:rotateX(89deg);
  transform:rotateX(89deg);
}

.cube {
  text-align:center;
  margin:0 auto;
}

.default-state,.active-state {
  font-size:16px;
  text-transform:uppercase;
  color:#fff;
  line-height:50px;
  -webkit-transition:background 250ms ease;
  -moz-transition:background 250ms ease;
  -o-transition:background 250ms ease;
  transition:background 250ms ease;
}

.cube:hover .default-state {
  background:#000;
}

.facebook {
  background:#ff9900;
}

.twitter {
  background:#019AD1;
}

.onlyfans {
  background:#00aff0;
}

.google-plus {
  background:#D34836;
}

.linkedin {
  background:#069;
}

.left {
  background-color:none;
  float:left;
  width:50%;
}

.right {
  background-color:none;
  margin-left:50%;
}

#about_me_label {
  opacity:0;
}