body {
  font-family: "VCR_OSD_MONO_1.001";
  color: rgb(11, 2, 85);

}



@media (min-width: 600px) {
  .grid {
    display: grid;
    grid-template-columns: 25% 50% 25%;
  }
  .navegador {
    display: flex;
    justify-content: space-between;
  }
}


@media (min-width: 992px) {
  .grid {
    display: grid;
    grid-template-columns: 25% 50% 25%;
  }
  .navegador {
    display: flex;
    justify-content: space-between;
  }
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }
}




.navegador{
  display: flex;
  justify-content: space-between;
}


@font-face {
  font-family: "VCR_OSD_MONO_1.001";
  src: url("../css/VCR_OSD_MONO_1.001.ttf") format("truetype");
}

h1 {
  font-size: 4.5em;
  text-align: center;
  margin-top: 40px;
}

h2 {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 50px;
}

h3 {
  text-align: left;
}

body {
  background: linear-gradient(180deg, #4f7ed4, #cf336f, #d35129, #43caab);
  background-size: 400% 400%;
  height: 70vh;
}

a {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  font-style: italic;
  color: #1c18ff;
}

footer {
  font-size: smaller;
  color: aliceblue;
  margin-top: 100px;
  background-color: #000000;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
img:hover {
  content: url(../css/yay.jpg);
}

.portfolio {
	text-align: center;
}

p {
  margin-top: 30px;
}