@font-face {
  font-family: "MetaAccanthisAlternate";
  src:
    local("MetaAccanthisAlternate.ttf"),
    url("../MetaAccanthisAlternate.ttf") format("truetype");
}

body {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100vw; 
  mix-blend-mode: saturation;
}
section.text {
  font-size: 1.35em;
  color: black;
  width: 45vw;
}
p span{
  font-family: "MetaAccanthisAlternate";
   font-size: 1.15em;
}
.content-img{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 50vw;
}
img {
  width:4vw; 
  margin: 0;
  padding: 0;
    filter: saturate(2);
     

}
img:hover{
  position: fixed;
  width: 50vw;
  top:8vh;
  left:5vw;
  filter: saturate(0);
   z-index: 1;

}