@import url('https://fonts.googleapis.com/css?family=Rubik:500');

* {
  padding:0;
  margin:0;
}


.tablinks {
  padding: 5px 5px;
  border-radius: 3px;
  box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.5);
  height: 37px;
  background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
  text-decoration: none;
  user-select: none;
  color: white;
  letter-spacing: .08em;
  position: relative;
  transition: background-color .6s ease;
  overflow: hidden;
  &:focus,
  &:hover {
      background: darken(#FC6E51,7%);
  }
  &:active {
    &:after {
      width: 30px;
      height: 10px;
    }
  }
}


.tagbuttons {
  padding: 5px 5px;
  border-radius: 3px;
  box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.5);
  height: 37px;
  background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
  text-decoration: none;
  user-select: none;
  color: white;
  letter-spacing: .08em;
  position: relative;
  transition: background-color .6s ease;
  overflow: hidden;
  &:focus,
  &:hover {
      background: darken(#FC6E51,7%);
  }
  &:active {
    &:after {
      width: 30px;
      height: 10px;
    }
  }
}