@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

  /* BODY */

  body, html {
    height: 100%;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    background-color: blue;
    cursor: alias;
  }
  
  * {
    box-sizing: border-box;
  }
  
a:hover {
  color: white;
}

  /* BACKGROUND */
  
  .bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
  }
  
  img  {
    position: fixed;
    float: right;
    top: 0;
    right: 0;
    z-index: 20;
  }
  
  .img1 { background-image: url("img/tabakalera.jpg"); }


  /* NAME */
  
  .name {
      position: fixed;
      left: 0px;
      top: 0px;
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      font-family: 'Roboto', sans-serif;
      font-size: 18px;
      color: blue;
      z-index: 3;
      text-decoration: none;
  }
  
  /* INFO */
  
  .info {
    position: fixed;
    float: right;
    top: 20px;
    right: 20px;
    color: blue;
    font-size: 18px;
    z-index: 2;
    text-decoration: none;
  }

  /* LINKS */
  
  .link {
    position: fixed;
    float: right;
    bottom: 20px;
    right: 20px;
    color: blue;
    font-size: 18px;
    z-index: 2;
    text-decoration: none;
  }
  
  /* EMAIL */
  
  .email {
    position: fixed;
    float: left;
    bottom: 20px;
    left: 20px;
    color: blue;
    font-size: 18px;
    z-index: 2;
    text-decoration: none;
  }