* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-color: var(--main);
}
:root{
  --white:#ffffff;
  --black:#000000;
  --main:#4cd93a;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container {
  padding: 0 15px;
  margin: auto;
}
ul{
  list-style: none;
}
img {
  max-width: 100%;
}
a{
  text-decoration: none;
  font-size: 17px;
}