@charset "UTF-8";

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

h1 {
  margin-top: 3rem;
  margin-left: inherit;
  font-size: 1.5rem;
}

.greenbox {
  margin: 10px;
  padding: 20px;
  max-width: 500px;
  background-color: aquamarine;
}

.yellowbox {
  margin: 10px;
  padding: 20px;
  max-width: 500px;
  background-color:cornsilk;
}

.redbox {
  margin: 10px;
  padding: 20px;
  max-width: 500px;
  background-color: coral;
}