@require '../variables.styl'

$logo-title-font-size = 28px
$description-font-size = 16px

.site-info {
  padding 20px

  text-align: center;

  .avatar {
    padding: 2px;
    border-radius: 5%;
    border: 1px solid $border-color;
    width: 120px;
  }

  .title {
    margin: 5px 0;
    text-transform: uppercase;

    a {
      color: $logo-title-color;
      font-size: $logo-title-font-size;
      font-weight: bold;
    }
  }

  .description {
    padding 5px
    font-size: $description-font-size;
  }

  .links-of-author-container {
    margin-top: 10px;

    ul.links-of-author-list {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);

      li.links-of-author-item {
        float: left
        margin 0 5px
      }
    }

  }


  .cc-license-container {
    margin-top: 40px;

    .cc-opacity {
      position: absolute;
      left: 50%;
      transform: translateX(-55%);
      opacity: 0.7;

      &:hover {
        opacity: 1;

      }
    }
  }

}