* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 10px;
  font-family: "Montserrat", sans-serif;
  color: #1b1512;
}

a {
	text-decoration: none;
	color: #1b1512;
	border-bottom: 1px dashed #1b1512;
}

.converter {
  max-width: 500px;
  border-radius: 40px;
  padding: 40px 24px;
  
  background: #f2e6df;
}

.converter h1 {
  margin-bottom: 16px;
  font-weight: 600;
}

.converter__desc {
  font-size: 18px;
  line-height: 128%;
}

.converter__sum {
	margin-bottom: 24px;
}

.converter__h2 {
	font-size: 18px;
	margin-bottom: 16px;
}

.converter__results {
	list-style: none;
	background: #fff;
    padding: 24px;
    border-radius: 32px;
}

.converter__result-item {
	font-size: 20px;
	font-weight: 500;
	display: flex;
}

.converter__result-item_the-best {
	color: #098721;
}

.converter__result-item:not(:last-child) {
	margin-bottom: 8px;
}

.converter__result-value {
	margin-left: auto;
	margin-right: 6px;
}

.converter__rates-info {
  margin-bottom: 16px;
}

.converter__results {
	margin-bottom: 40px;
}

.converter__form {
	padding: 24px 0;
}

.converter__rate {
  display: block;
  margin-bottom: 16px;
}

.converter__fieldset {
	margin: 24px 0;
}

.converter label {
	display: block;
	width: 100%;
	position: relative;
	
}

.converter label input {
	width: 100%;
	border: none;
	background: #eedbd1;
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	font-weight: 500;
  	color: #1b1512;
  	border-radius: 100px;
  	padding: 20px 40px 20px 50%;
  	text-align: right;
}

.converter label span {
	position: absolute;
	z-index: 2;
	top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.converter label span:first-child {
	left: 20px;
}

.converter label span:last-child {
	right: 20px;
	font-weight: 500;
}