@font-face {
  font-family: "Gotham Black";
  src: url("../fonts/HomepageBaukasten-Bold.ttf") format("truetype"), url("../fonts/HomepageBaukasten-Bold.woff2") format("woff2"),
    url("../fonts/HomepageBaukasten-Bold.woff") format("woff"), url("../fonts/HomepageBaukasten-Bold.eot") format("eot");
}

@font-face {
  font-family: "Redwing Light";
  src: url("../fonts/Redwing-Light.ttf") format("truetype"), url("../Redwing-Light.woff") format("woff");
}

@font-face {
  font-family: "Redwing Medium";
  src: url("../fonts/Redwing-Medium.ttf") format("truetype"), url("../Redwing-Medium.woff") format("woff");
}

@font-face {
  font-family: "Asap Condensed";
  font-weight: 400;
  src: url("../fonts/Asap_Condensed-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Asap Condensed SemiBold";
  font-weight: 600;
  src: url("../fonts/Asap_Condensed-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Caveat";
  font-weight: 700;
  src: url("../fonts/Caveat-Bold.ttf") format("truetype");
}

:root {
  --primary: #05718F;
  --secondary: rgba(51, 127, 148, 0.1);
  --dark-grey: #373737;
  --black: #000;
  --not-that-black: #282828;
  --white: #F6F6F6;
  --blank: #fff;
  --border: #CDCDCD;
  --placeholder: #929292;
  --separation: #888888;
  --dark-primary: #337F94;
  --disabled-primary: #47c8ebc2;
  --valid: rgb(51, 127, 148);
  --pink: #ee2A7b;
}

html {
  background: white;
  height: fit-content !important;
  min-height: 100vh;
}

body {
  padding: 50px;
  box-sizing: border-box;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.mdl-switch.is-checked .mdl-switch__track {
  background-color: rgb(51 127 148 / 50%) !important;
}

.mdl-switch__ripple-container .mdl-ripple {
  background-color: rgb(51, 127, 148) !important;
}