@import "compass/css3";

body{
  background-color: #1D1F20;
  text-align: center;
  font-family: Courier;
  font-weight: 700;
}
a{
  color: #dd174c;
  display: inline-block;
  font-size: 32px;
  margin: 35px;
  position: relative;
  text-decoration: none;
  &:after {
    background-color: currentColor;
    bottom: 0;
    content: '';
    display: inline-block;
    height: 2.5px;
    left: 0;
    position: absolute;
    right: 0;
    -moz-transition: left 0.15s ease-out,right 0.15s ease-out;
    -o-transition: left 0.15s ease-out,right 0.15s ease-out;
    -webkit-transition: left 0.15s ease-out,right 0.15s ease-out;
    transition: left 0.15s ease-out,right 0.15s ease-out;
  }
  &:hover{
    &:after {
      left: 50%;
      right: 50%;
      -moz-transition: left 0.15s ease-in,right 0.15s ease-in;
      -o-transition: left 0.15s ease-in,right 0.15s ease-in;
      -webkit-transition: left 0.15s ease-in,right 0.15s ease-in;
      transition: left 0.15s ease-in,right 0.15s ease-in;
    }
  }
}