* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  padding-inline: 2em;
  padding-block: 1em;
  background-color: #000000;
  display: flex;
  justify-content: center;
 
}
.container {
  width: 100%;
  max-width: 800px;
  min-height: 100vh;
  border-radius: 8px;
  background: linear-gradient(to bottom right, #c21235, #6afb90);
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#img-div {
  display: flex;
  justify-content: center;
  column-gap: 3em;
  margin-top: 6em;
}
#image{
  width:250px;
  max-width:100%;
  border-radius: 50%;
}
#img-caption{
  align-self: flex-end;
  margin-bottom: 2em;
  font-family: 'Oswald';
  color: #fcfcfc;
  letter-spacing: 2px;
}
.heading-sty {
 text-align: center;
 padding-top: 0.3em;
 font-size:1.2em ;
}
#tribute-info{
  margin-top: 4em;
  margin-inline: 3em;
  color: #ffffff;
}
#tribute-info h1{
  font-family: 'Oswald';
  font-size: 2em;
  margin-bottom: 0.4em;
  letter-spacing: 2px;
}
#tribute-info p{
  line-height: 1.6em;
  color: rgb(255, 255, 255);
  font-size: 1em;
  font-family: 'Inter';
  word-spacing: 5px;
}
.bottom-section{
  margin-top: 2em;
  margin-inline: 3em;
  margin-bottom: 1.5em;
}
.bot-heading-sty{
  font-size: 1.5em;
   font-family: 'Oswald';
   letter-spacing: 2px;
   color: #ffffff;
   margin-bottom: 0.4em;
}
.list-sty{
  line-height:4em; 
  color: rgb(255, 255, 255);
  font-family: 'Inter';
  font-size: 0.9em;
  margin-left: 1em;

}
.list-sty li{
line-height:1.6em ;
margin-bottom: 1em;
}
.link-sty{
  color:#ffffff;
  text-align: center;
  padding-bottom: 2em;
     font-family: 'Oswald';
     font-size: 0.8em;
   font-family: 'Inter';
   word-spacing: 2px;
  margin-inline: 20px;
  
}
#tribute-link{
  text-decoration: none;
  color: #1e1c1d;
}
/* media */
/* top section */
@media(max-width:500px){
#img-div{
  flex-direction: column;
  align-items: center;
  row-gap: 2em;
}
#img-caption{
  align-self: center;
}
#tribute-info{
margin-inline:1.5em ;

}
.bottom-section{
  margin-inline:1.5em;
}
  
}