@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

html, body{
  margin:0;
  padding:0;
  height:100%;
  font-family:'Roboto', Arial, sans-serif;
  background:url('fundo.jpg') no-repeat center center fixed;
  background-size:cover;
}

.container{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
  width:100%;
  position:relative;
}

.preco{
  position:absolute;
  top:30px;
  left:50%;
  transform:translateX(-50%);
  background-color:transparent;
  color:#fff;
  font-weight:900;
  font-size:72px;
  text-shadow:2px 2px 4px rgba(0,0,0,0.6);
  display:flex;
  align-items:flex-start;
}

.preco small{
  font-size:24px;
  margin-top:10px;
  margin-right:5px;
}

.produto{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
  margin-top:100px;
}

.produto img{
  max-width:400px;
  max-height:400px;
  object-fit:contain;
}

.faixa{
  background-color:#e02121;
  color:#fff;
  text-align:center;
  font-size:38px;
  font-weight:900;
  padding:18px;
}