.textt{
    font-size: 120px;
    color: white;
    
}
.textt2{
    font-size: 90px;
    color: white;
    
}
@font-face {
     font-family: 'Monster';
      src: url('Monster-Eenergy-Font/Green_Energy/Green_Energy.ttf') format('truetype'); 
    } 
    .monster-font {
         font-family: 'Monster';
     }
.hero{
  background-image: url(https://www.monsterenergy.com/img/hdr-bg.webp);
  background-size: cover;
  background-position: center; 
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero2{
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
}
.flexy{
  display: flex;
  flex-direction: row;
  margin: 30px;
  text-align: center;
}
.flexyy{
  display: flex;
  flex-direction: row-reverse;
  margin: 30px;
  text-align: center;
}