/*@import "normalize";*/
.bg-navy {
  background-color: #001f3f;
}
.bg-blue {
  background-color: #0074d9;
}
.bg-aqua {
  background-color: #7fdbff;
}
.bg-teal {
  background-color: #39cccc;
}
.bg-olive {
  background-color: #3d9970;
}
.bg-green {
  background-color: #2ecc40;
}
.bg-lime {
  background-color: #01ff70;
}
.bg-yellow {
  background-color: #ffdc00;
}
.bg-orange {
  background-color: #ff851b;
}
.bg-red {
  background-color: #ff4136;
}
.bg-fuchsia {
  background-color: #f012be;
}
.bg-purple {
  background-color: #b10dc9;
}
.bg-maroon {
  background-color: #85144b;
}
.bg-white {
  background-color: #ffffff;
}
.bg-gray {
  background-color: #aaaaaa;
}
.bg-silver {
  background-color: #dddddd;
}
.bg-black {
  background-color: #111111;
}
/* Colors */
.navy {
  color: #001f3f;
}
.blue {
  color: #0074d9;
}
.aqua {
  color: #7fdbff;
}
.teal {
  color: #39cccc;
}
.olive {
  color: #3d9970;
}
.green {
  color: #2ecc40;
}
.lime {
  color: #01ff70;
}
.yellow {
  color: #ffdc00;
}
.orange {
  color: #ff851b;
}
.red {
  color: #ff4136;
}
.fuchsia {
  color: #f012be;
}
.purple {
  color: #b10dc9;
}
.maroon {
  color: #85144b;
}
.white {
  color: #ffffff;
}
.silver {
  color: #dddddd;
}
.gray {
  color: #aaaaaa;
}
.black {
  color: #111111;
}
.border--navy {
  border-color: #001f3f;
}
.border--blue {
  border-color: #0074d9;
}
.border--aqua {
  border-color: #7fdbff;
}
.border--teal {
  border-color: #39cccc;
}
.border--olive {
  border-color: #3d9970;
}
.border--green {
  border-color: #2ecc40;
}
.border--lime {
  border-color: #01ff70;
}
.border--yellow {
  border-color: #ffdc00;
}
.border--orange {
  border-color: #ff851b;
}
.border--red {
  border-color: #ff4136;
}
.border--fuchsia {
  border-color: #f012be;
}
.border--purple {
  border-color: #b10dc9;
}
.border--maroon {
  border-color: #85144b;
}
.border--white {
  border-color: #ffffff;
}
.border--gray {
  border-color: #aaaaaa;
}
.border--silver {
  border-color: #dddddd;
}
.border--black {
  border-color: #111111;
}
.fill-navy {
  fill: #001f3f;
}
.fill-blue {
  fill: #0074d9;
}
.fill-aqua {
  fill: #7fdbff;
}
.fill-teal {
  fill: #39cccc;
}
.fill-olive {
  fill: #3d9970;
}
.fill-green {
  fill: #2ecc40;
}
.fill-lime {
  fill: #01ff70;
}
.fill-yellow {
  fill: #ffdc00;
}
.fill-orange {
  fill: #ff851b;
}
.fill-red {
  fill: #ff4136;
}
.fill-fuchsia {
  fill: #f012be;
}
.fill-purple {
  fill: #b10dc9;
}
.fill-maroon {
  fill: #85144b;
}
.fill-white {
  fill: #ffffff;
}
.fill-gray {
  fill: #aaaaaa;
}
.fill-silver {
  fill: #dddddd;
}
.fill-black {
  fill: #111111;
}
.stroke-navy {
  stroke: #001f3f;
}
.stroke-blue {
  stroke: #0074d9;
}
.stroke-aqua {
  stroke: #7fdbff;
}
.stroke-teal {
  stroke: #39cccc;
}
.stroke-olive {
  stroke: #3d9970;
}
.stroke-green {
  stroke: #2ecc40;
}
.stroke-lime {
  stroke: #01ff70;
}
.stroke-yellow {
  stroke: #ffdc00;
}
.stroke-orange {
  stroke: #ff851b;
}
.stroke-red {
  stroke: #ff4136;
}
.stroke-fuchsia {
  stroke: #f012be;
}
.stroke-purple {
  stroke: #b10dc9;
}
.stroke-maroon {
  stroke: #85144b;
}
.stroke-white {
  stroke: #ffffff;
}
.stroke-gray {
  stroke: #aaaaaa;
}
.stroke-silver {
  stroke: #dddddd;
}
.stroke-black {
  stroke: #111111;
}
.btn {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  display: inline-block;
  padding: 10px 15px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  margin: 0;
}
.btn[disabled] {
  opacity: 0.5;
  cursor: default;
}
.btn:not([disabled]):hover {
  text-decoration: none;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
}
.btn:not([disabled]):active {
  background-color: #cccccc;
  border: 1px solid #bbbbbb;
}
.btn:active,
.btn:focus,
.btn:focus:active {
  -webkit-appearance: none;
  outline: none;
}
.btn:not([disabled]):active,
.btn:not([disabled]):focus {
  box-shadow: 0px 0px 4px 0px rgba(100, 100, 100, 0.4);
}
@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
    filter: hue-rotate(-360deg);
  }
}
@keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
    filter: hue-rotate(-360deg);
  }
}
body {
  padding: 0px;
  margin: 0px;
}
body,
input,
button {
  font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.countdown {
  height: 100vh;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  font-size: 7vw;
}
.countdown .time:after {
  font-size: 5vw;
}
.countdown[data-unittype="full"] {
  font-size: 5vw;
}
.countdown[data-unittype="full"] .time:after {
  font-size: 3vw;
}
.countdown .content:after {
  font-size: 2vw;
  content: 'Med ❤ av Rasmus Jansson & Tomas Green';
}
.form {
  box-sizing: border-box;
  padding: 20px;
  min-height: 100vh;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background-color: #005b7f;
  /*105B63*/
  -webkit-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
  text-align: center;
}
.form .content {
  margin: 0px auto;
  width: 300px;
}
.form .content input {
  text-align: center;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  color: #ffffff;
  width: 100%;
  padding: 8px 0px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.form .content input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.form .content input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.form .content input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.form .content input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.form .btn-form {
  color: #ffffff;
  background-color: #00b28b;
  border: none;
}
.form .btn-form:not([disabled]):active,
.form .btn-form:not([disabled]):focus {
  box-shadow: 0px 0px 4px 0px #009977;
}
.form .btn-form:not([disabled]):hover {
  background-color: #009977;
  border: none;
}
.form .btn-form:not([disabled]):active {
  background-color: #008e6f;
  border: none;
}
.form .btn-form {
  -webkit-animation: hue 60s infinite linear;
  animation: hue 60s infinite linear;
  margin-top: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
@media screen and (max-width: 600px) {
  .form .content {
    width: 100%;
  }
}