* {
  font-family: "Alike Angular", serif;
  color: #565656;
}

body {
    margin: 0;
    padding: 0;
}

.title {
  border: 0;
  border-bottom: 1px solid #cce6e6;
  padding: 1rem;
  margin: 0;
  margin-bottom: 5rem;
  font-size: 3rem;
}

.container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.date-box {
  margin: 2rem 1rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background-color: #cce6e6;
}

.date-box .date {
    font-size: 2rem;
}

.date-box .recording {
    padding: 1rem;
    margin: 2rem 0;
}

.date-box .recording .recording-title {
    font-size: 1.5rem;
    padding-bottom: 1rem;
}

.go-to-new {
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%);
  border: 0;
  border-radius: 0.5rem;
  padding: 2rem;
  background-color: #cce6e6;
}

.go-to-new div {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.go-to-new a {
  font-size: 1.25rem;  
}