* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
}

header {
  background: linear-gradient(rgb(0, 255, 0), rgba(255, 255, 255, 0));
  min-height: 50px;
}
header nav ul {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  padding: 0;
}
header nav li a {
  color: #c88937;
}

main {
  width: min(98%, 1200px);
  padding: 0.75rem;
  margin-inline: auto;
}

img {
  max-width: 100%;
}

h1, h2, h3 {
  color: #c88937;
}

/*Table*/
table {
  max-width: 100%;
  border-collapse: collapse;
}
table th, table td {
  padding: 0.3em;
}
table tr:nth-child(2n+1) {
  background-color: rgba(200, 137, 55, 0.3019607843);
}
table img {
  min-width: 125px;
}

/*Form*/
form div {
  margin: 1em auto;
}
form p {
  margin: 0;
}

/*-----------------*/
/* utility classes */
/*-----------------*/
/*Grid and flex utilities*/
.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-content-center {
  align-content: center;
}

.plant {
  border: 2px solid #c88937;
  border-radius: 5px;
  overflow: hidden;
}

.grid {
  display: grid;
  gap: 1em;
}

.gap-3em {
  gap: 3em;
}

.columns-3 {
  width: 32.6666666667%;
}
.columns-3:nth-child(n) {
  margin: 0 1% 1% 0;
}
.columns-3:nth-child(3n) {
  margin-right: 0;
  /*margin-bottom:0;*/
}

/*Border utilities*/
.border-main {
  border: 2px solid rgb(0, 255, 0);
}

.border-radius-10px {
  border-radius: 10px;
}

/*Text and block utilities*/
.text-center {
  text-align: center;
}

.p-1em {
  padding: 1em;
}

.p-2em {
  padding: 2em;
}/*# sourceMappingURL=style.css.map */