main.css

* {
  font-family: Lato;
  color: #616161
}

.font-sm {
  font-size: 14px;
}

.font-m {
  font-size: 18px;
}

.stats-icon {
  line-height: 1.3;
  margin-right: -3px;
}

.logo {
    color:#18C1BC;
    font-family: 'PayTone One';
    font-weight: 300;
    font-size: 60px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
}

img.corner-logo {
  width: 20px;
  height: 20px;
  margin: auto;
}

.main-header {
  min-height: 250px;
}

.results-grid {
  padding: 50px 20px;
}

.result-card {
  margin: 5px;
  transition: box-shadow 0.2s ease-in-out;
}

.result-card:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.light-background {
  background-color: #E5EAEA;
}

.dark-background {
  background-color: #242626;
}

.padding-m {
  padding: 12px;
}

a {
  text-decoration: none;
  color: initial;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

.example-animate-container {
  background:white;
  border:1px solid black;
  list-style:none;
  margin:0;
  padding:0 10px;
}

.animate-repeat {
  list-style:none;
  box-sizing:border-box;
}

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
  transition:all linear 0.5s;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
  opacity:0;
  /*max-height:0;*/
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
  opacity:1;
  /*max-height:30px;*/
}

/*
Copyright 2016 Google Inc. All Rights Reserved.
Use of this source code is governed by an MIT-style license that
can be found in the LICENSE file at http://angular.io/license
*/