* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: cursive;
}

.main-project {
  width: 100%;
  height: 100vh;
  background: linear-gradient(to right, black, 80%, #959ca2);
}

.main {
  height: calc(100vh - 82px);
}

.main-section {
  background: linear-gradient(170deg, black, teal);
}

.curreny-amount {
  width: 100%;
  border: none;
  background: transparent;
  border-bottom: 2px solid royalblue;
}

.arrow-logo {
  color: #0466e7;
  position: absolute;
  right: 0.4em;
  font-size: 2em;
  bottom: 0.2em;
  cursor: pointer;
}

input:focus-visible {
  outline: none;
}

.logo {
  transition: 0.5s all;
}

.logo:hover {
  transform: scale(0.8);
  cursor: pointer;
}

.country-flag-from,
.country-flag-to {
  position: absolute;
  left: 15%;
  top: 14%;
}