h2 {
  font-weight: normal; }

.wordContainer {
  text-align: center; }

.logoContainer {
  text-align: center; }
  .logoContainer .logo {
    max-width: 50px;
    display: inline;
    padding: .8rem; }

.izquierda {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  flex: 1 1;
  margin: auto;
  padding: 1rem;
  align-self: center; }
  .izquierda .img {
    margin-bottom: 1rem;
    border-radius: 50%; }
  .izquierda .imagen {
    justify-content: center;
    flex-direction: column;
    align-self: center;
    width: 100%; }
  .izquierda .texto {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center; }
  .izquierda .iconos {
    flex-direction: column;
    float: left; }
    .izquierda .iconos p {
      display: inline-block; }

.derecha {
  padding: 1.4rem;
  flex-direction: row;
  flex: 2 1;
  font-size: 1.2rem;
  text-align: justify;
  margin: auto; }

.social {
  font-size: 1.4rem;
  color: black;
  padding: 0 1rem; }

.social:hover {
  color: cornflowerblue; }

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

@media (min-width: 700px) {
  .main {
    display: flex;
    flex-direction: row; } }

@media (max-width: 400px) {
  .iconos {
    font-size: .6rem; } }

@media (max-width: 550px) {
  .derecha {
    font-size: .875rem; }
  .social {
    font-size: .875rem; } }

@media (max-width: 900px) {
  h2 {
    text-align: center; }
  .iconos {
    font-size: .8rem; } }

@media (max-width: 1050px) {
  .derecha {
    font-size: 1rem; }
  .social {
    font-size: 1rem; }
  .iconos {
    font-size: .8rem; } }

.footer {
  position: fixed;
  text-align: center;
  font-size: 0.8em;
  bottom: 0;
  width: 100%;
  background-color: #F2F2F2; }

body {
  margin: 0;
  background-color: #FBFBFB; }

hr {
  color: black;
  margin-top: 2rem; }

h1 {
  font-size: 5rem;
  margin: 0 0 1rem 0;
  font-family: 'Open Sans', sans-serif; }

.attr {
  font-family: 'Anonymous Pro', monospace;
  font-size: 1.2rem;
  margin: 0 .5rem 0 .5rem; }

.attr:hover {
  background-color: transparent; }

.icons {
  padding: 1rem; }
  .icons a {
    color: black; }
    .icons a:visited {
      color: black; }
  .icons .fab {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
    .icons .fab:hover {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg); }

i {
  font-size: 1.6rem;
  padding: 1rem; }

.logoImage {
  max-width: 600px; }

.logoContainer {
  margin-bottom: 1rem; }
  .logoContainer a {
    text-decoration: none }

.header-main {
  padding: 2rem 20rem 2rem 20rem;
  text-align: center; }

.content-main {
  padding: 2rem 20rem 5rem 20rem; }

.pages-link {
  padding: 0 2rem 0 2rem;
  margin-bottom: 1rem; }
  .pages-link a {
    padding: 0 1rem 1rem 1rem; }

@media (max-width: 1400px) {
  .header-main {
    padding: 0; }
  .content-main {
    padding: 2rem 4rem 5rem; } }

@media (max-width: 650px) {
  .header-main {
    padding: 0; }
  .content-main {
    padding-bottom: 5rem; }
  .logoImage {
    max-width: 400px; } }

@media (max-width: 450px) {
  .logoImage {
    max-width: 200px; }
  .content-main {
    padding: 2rem 2rem 5rem; } }

.nodecor {
  text-decoration: none;
  color: black; }
  .nodecor:hover {
    color: cornflowerblue; }

* {
  font-family: 'Open Sans', sans-serif; }

h1 {
  font-size: 2.5rem; }

h2 {
  margin-top: 0;
  font-size: 1.25rem;
  text-align: left; }

.folio-title {
  font-weight: bold;
  display: inline;
  padding-right: 0.4rem;
  font-size: 1.1rem; }

.folio-sinopsis {
  display: inline;
  color: #9B9696;
  font-size: 1.1rem; }

.portfolioItem img {
  max-width: 300px;
  box-shadow: 0px 0px 2px 1px #a8a3a8; }

.portfolioItem--label {
  display: flex;
  margin-bottom: 0.5rem; }

.portfolioItem--details {
  display: flex;
  margin-bottom: 1rem; }
  .portfolioItem--details--content {
    display: flex;
    flex-direction: column;
    font-size: 0.9rem;
    margin-left: 1rem; }

.portfolioItem--description {
  margin-top: 1rem;
  font-style: italic; }

.portfolioItem--repository {
  margin: 1rem 0; }

.portfolioItem--live {
  margin: 1rem 0; }

@media (max-width: 800px) {
  .portfolioItem--details {
    flex-direction: column; }
  .portfolioItem--details--content {
    font-size: 0.9rem;
    margin-left: 0.5rem; }
  .portfolioItem--description {
    margin-top: 0.5rem; }
  .folio-title {
    font-size: 0.9rem; }
  .folio-sinopsis {
    font-size: 0.9rem; } }

@media (max-width: 500px) {
  .portfolioItem--details {
    flex-direction: column; }
  .portfolioItem--details--content {
    font-size: 0.9rem;
    margin-left: 0.5rem; }
  .portfolioItem--description {
    margin-top: 0.5rem; }
  .folio-title {
    font-size: 0.9rem; }
  .folio-sinopsis {
    font-size: 0.8rem; } }