.bg {
    background-image: url("../Images/bgsito.png");
    background-color: white;
    background-repeat: no-repeat;
    background-size: 500% 500%;

}


img {
  display: flex;
  width: 220px;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2px;
}


.grid {
  display: grid;
  grid-template-areas:
    ". content content ."
    ". content content .";
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
  padding: 5px;
}

.grid > div.content {
    grid-area: content;
    background-color: rgba(101, 255, 209, 0.274);
    text-align: center;
    padding-top: 2%;
    padding-left: 6%;
    padding-bottom: 2%;
    padding-right: 6%;
    border-radius: 0px;
}

h1 {
  font-family: Typewriter;
  font-size: 200%;
  color: rgb(111, 17, 179);
}

p {
  font-family: Typewriter;
  font-size: 150%;
  color: rgb(61, 61, 61);
}

.gridcolor {

}

@font-face {
  font-family: Typewriter;
  src: url("../Fonts/typewcond_regular.otf");
}