a {
  text-decoration: none;
}

.App {
  text-align: center;
}

html::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #eaefff, #2247bf);
  border-radius: 0px 0px 4px 4px;
}

html::-webkit-scrollbar-track {
  background-color: white;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

.svg-icon-color path {
  stroke: #4285f4;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bluehover {
  will-change: filter;
  transition: filter 300ms;
}
.bluehover:hover {
  filter: drop-shadow(0 0 0.5em #cc0a95aa);
}

.marquee {
  width: 100%;
  line-height: 30px;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  direction: rtl;
  margin-top: -10px !important;
}

.marquee p {
  font-size: 15px;
  margin: 0;
  display: inline-block;
  animation: marquee 60s linear infinite;
  color: #f9f947;
}

@keyframes marquee {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}

/* .MuiOutlinedInput-notchedOutline,
.MuiButtonBase-root {
  border-radius: 15px !important;
} */

.MuiOutlinedInput-notchedOutline {
  border-radius: 8px !important;
}

/* .MuiButtonBase-root {
  border-radius: 5px !important;
} */

/* .muirtl-1ujnqem-MuiTabs-root {
  border-style: solid;
  padding: 2px;
  border-radius: 15px 15px 0px 0px;
  border-width: 1px 0px 0px 0px;
  border-color: #a1f1c2;
  filter: drop-shadow(0 0 0.75rem crimson);
} */

.insidetabs {
  border-style: none !important;
  padding: 0px !important;
  color: pink !important;
  font-size: 10px !important;
}

.header-menu {
  font-weight: 800 !important;
}

.muirtl-rpxd6p-MuiButtonBase-root-MuiTab-root.Mui-selected {
  background: #eaefff;
  font-weight: 800;
}

.path-city {
  stroke: #fff;
}
.path-city:hover {
  fill: #db5f5f;
}

@media only screen and (max-width: 600px) {
  .MuiButtonBase-root-MuiTab-root {
    font-size: 0.75rem !important;
  }
  .muirtl-1sbhvmq {
    padding: 12px 16px !important;
  }
  .muirtl-162ovef {
    padding: 4px 8px !important;
  }
  .MuiChip-root {
    height: 24px !important;
  }
  .MuiChip-label {
    padding: 0 6px !important;
  }
}
