@import url(https://fonts.googleapis.com/css?family=Ek+Mukta&text=Nicolas%20Fornallaz);
/**
 * Some tailwindcss utility classes.
 */
html {
  box-sizing: border-box;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Ek Mukta", "Helvetica Neue", sans-serif;
  margin: 0;
}

.font-monospace {
  font-family: monospace;
}

.font-500 {
  font-weight: 500;
}

.font-700 {
  font-weight: 700;
}

.text-lg {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-3xl {
  font-size: 1.875rem;
}

.text-primary-light {
  color: #A2A8B3;
}

.text-primary-dark {
  color: #474C54;
}

/**
 * Layout.
 */
.items-center {
  align-items: center;
}

/**
 * Margins.
 */
.center {
    margin: 0 auto;
}

.mr-3 {
  margin-right: 12px;
}

.mt-6 {
  margin-top: 32px;
}

.mx-3 {
  margin-left: 12px;
  margin-right: 12px;
}

.my-4 {
  margin-top: 18px;
  margin-bottom: 18px;
}

/**
 * Paddings.
 */
.p-3 {
  padding: 12px;
}

.inline-block {
  display: inline-block;
}

.rounded {
  border-radius: 9px;
}

.rounded-large {
  border-radius: 18px;
}

.rounded-full {
  border-radius: 9999px;
}

.bg-primary-light {
  background-color: #E9EDF3;
}

.bg-white {
  background-color: #FFFFFF;
}

.border-gray-1 {
  border: 1px solid gray;
}

.shadow {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.07);
}

.shadow-inner {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}

.shadow-outline {
  box-shadow: 0 0 0 1px rgba(66, 66, 66, 0.09);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

@media (min-width: 503px) {
  .md\:w-8 {
    box-sizing: border-box;
    width: 480px;
  }

  .md\:flex {
    display: flex;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:ml-3 {
    margin-left: 12px;
  }
}

/**
 * sm
 */
@media (max-width: 502px) {
  .sm\:w-full {
    width: 100%;
  }

  .sm\:mx-3 {
    margin-left: 12px;
    margin-right: 12px;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
  }
}

/**
 * Profile picture.
 */
.profile-picture {
  background-image: url(/images/profile-picture--train-zurich-to-samedan@2x.jpg);
  width: 140px;
  height: 140px;
  background-size: 140px 140px;
}

.overflow-hidden {
  overflow: hidden;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.z-10 {
  z-index: 0;
}

.z-20 {
  z-index: 20;
}