:root {
  --color-gray: #e5e5e5;
  --redius: 4px;
}
.container {
  width: 1140px;
  margin: auto;
}
main {
  display: grid;
  grid-template-columns: 800px 300px;
  gap: 40px;
  margin-bottom: 100px;
}

footer {
  position: fixed;
  bottom: 0;
  height: 3px;
  width: 100vw;
  background: repeating-linear-gradient(-45deg, #FEC107 0 50px, #007FFF 50px 100px);
}

menu[view] {
  top: 200px;
  left: calc(50% - 650px);
}
menu li {
  margin-bottom: 15px;
}
menu[view] li a {
  border-radius: 100%;
}

.uk-search-input {
  border-radius: 20px;
}

.uk-button {
  border-radius: var(--redius);
}

.card {
  padding: 20px;
  border: 1px solid var(--color-gray);
  border-radius: var(--redius);
}