html, body {
  font-family: "Dosis", sans-serif;
  background-image: linear-gradient(90deg,rgb(255, 232, 232) 0%,rgb(235, 230, 230) 100%);
}


input, textarea {
  font-family: "Inter", serif;
  padding: 5px;
  border: 1px solid #f12b2c;
  border-radius: 3px;
}

.container {
  padding: 0 100px;
  max-width: 1440px;
}

.logo {
	/*position: absolute;*/
	padding: 5px 0px 5px 15px;
	width: 315px;
	background: rgb(255 69 88 / 10%);
	border-radius: 0px 0 90px 90px;
	/*border-bottom: solid 10px #181A1C;*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

.checkbox, .radio {
  accent-color: #de3441;
}

button,
.button,
::-webkit-file-upload-button,
input[type=submit] {
  appearance: none;
  font-family: "Inter", sans-serif;
  background: #de3441;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  display: inline-block;
  line-height: 1.2;
  text-decoration: none;
}
button.is-active,
.button.is-active,
::-webkit-file-upload-button.is-active,
input[type=submit].is-active {
  box-shadow: inset 0 0 0 2px #3751ff, inset 0 0 0 4px #fff;
}
button.is-danger,
.button.is-danger,
::-webkit-file-upload-button.is-danger,
input[type=submit].is-danger {
  background: #f12b2c;
}
button.is-danger.is-active,
.button.is-danger.is-active,
::-webkit-file-upload-button.is-danger.is-active,
input[type=submit].is-danger.is-active {
  box-shadow: inset 0 0 0 2px #f12b2c, inset 0 0 0 4px #fff;
}

.input-grid {
  display: grid;
  grid-template-rows: auto auto;
  grid-gap: 20px;
}

.text-transform {
  padding: 20px 0;
}

.cursor {
  cursor: pointer;
}

.header {
  display: grid;
  grid-template-columns: 1fr auto;
}

h1, h2, h3, h4, h4, h5, h6 {
  font-weight: bold;
  font-family: "Rubik", sans-serif;
}

label {
  margin: 0;
  padding: 0;
}

.block {
  display: block;
}

.before-and-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.replacements {
  display: grid;
  grid-template-columns: 1fr 1fr 90px;
  grid-gap: 20px;
}

.replacements + .replacements {
  margin-top: 20px;
}

.replacements:first-child + .replacements {
  margin-top: 10px;
}

.inline-labels label {
  margin-right: 20px;
  white-space: nowrap;
}

label {
  position: relative;
}

.inline-labels .tip {
  white-space: normal;
  font-size: 12px;
  z-index: 10000;
  position: absolute;
  width: 200px;
  background: #fff;
  box-shadow: 0 1px 40px 0 rgba(255 , 69, 8, 0.2), 0 2px 10px 0 rgba(255 , 69, 8, 0.1);
  padding: 0.5em 0.8em;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.inline-labels .tip:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: white;
  position: absolute;
  left: 50%;
  top: 0%;
  transform: translateY(-100%) translateX(-50%);
}

label:hover .tip {
  display: block;
}