@import url(http://fonts.lug.ustc.edu.cn/css?family=Roboto:100,300);

$link-color:         #65BE9F;
$link-visited-color: #E0335D;
$background-color:   #222;

$white:  #EEE;

$lh: 1.5em; // line-height


// some real css'ing

html, body { // basics
  margin: 0;
  height: 100%;
  
  display: flex;
  justify-content: center;
  
  font-family: 'Roboto', sans-serif;
  
  background: $background-color;
  
  >.container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    
    * + * {
      margin-top: ($lh / 3);
    }
  }
} ::selection {
  background: rgba($link-color, .99);
  color: $white;
  text-shadow: 0 1px 2px black;
}

a { // sexy looking links
  position: relative;
  display: table;
  
  color: $link-color;
  text-decoration: none;
  
  line-height: $lh;
  font-size: 1.2em;
  font-weight: 300;
  letter-spacing: .02em;
  
  &:after {
    content: '';
    position: absolute;
    
    bottom: -.2em;
    left: 50%;
    right: 50%;
    height: 1px;
    
    background: currentColor; // system color
    transition: all ease .1s;
    
  } &:hover:after {
    left: 0;
    right: 0;
    height: 2px;
  } &:before {
    position: absolute;
    transform: translateX(-100%);
    left: -10px;
    
    color: $white;
    opacity: .3;
    font-weight: 100;
    font-size: .8em;
  }
}

h1, p {
  color: $white;
  margin: 0;
} p {
  font-weight: 100;
  opacity: .3;
  margin-bottom: $lh;
} h1 {
  line-height: 1em;
  font-size: 2.5em;
}




/*
 * LINK DETECTION
 *****************/

// mailto-links
a[href^="mailto:"] {
  &:before {
    content: '[e-mail]';
  }
}

// https
a[href^="https://"] {
  &:before {
    content: '[secure link]';
  }
}

// file-ending
a[href$=".pdf"] {
  &:before {
    content: '[file]';
  }
}

// html file-ending
a[href$=".html"],
a[href$=".htm"] {
  &:before {
    content: '[document]';
  }
}

// tag-link
a[href^="#"] {
  background-color: $link-color;
  color: $background-color;
  padding: 0 ($lh / 3);
  margin: ($lh / 2) 0;
  border-radius: 3px;
    
  &:before {
    content: '\2191';
  }
}