*{
  margin:0;
  padding:0;
  color:white;
}
header{
  display:flex;
  align-items:center;
  justify-content:center;
  background:tomato;
  position:sticky;
  top:0px;
  padding:10px;
  font-weight:bold;
  font-family:sans-serif;
}
.nav-item{
  flex:0 1 200px;
  display:none;
}
.logo{
  justify-content: center;
  display:flex;
  align-items:center;
  min-width:250px;
}
body{
  background-color:#222222;
  height:2000px;
}
main{
  padding:25px;
  display:flex;
  gap:25px;
  flex-direction: column;
  background-color:rgba(255,100,100,.5);
}
span{
  padding:2px;
  background:tomato;
}
img{
  float:left;
}
.hotdog{
  padding:30px 30px;
  background-color:rgba(255,100,100,.2);
}
@media (min-width:768px){
 p{font-size: 24px;

 }
 body{
  background-image: url(hotdog.webp);
  
 }
 .nav-item{
  display:block;
 }
}