main{padding-bottom: 2em;}
.preview{position:sticky;}
.container{margin-right:auto;margin-left:auto;padding:0 2rem 0 2rem;overflow:hidden;transition:0.7s;align-items:center;}
.content{background-color:#272b30;position:relative;}
.cards{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem 0 1rem;margin-bottom: 5rem;}
.card{
  background-color:#000;color:#CFD8DC;
  padding:0.6rem 1rem;border-style:solid;
  border-radius:20px;border-width:0px;
  display:flex;gap:0.4rem;
  flex-direction:column;transition:400ms
}
.card:hover{background:#413a3a;border-radius:40px;}
.cardInfo{font-family:'Montserrat',sans-serif;flex: 2;}
.card h2{font-weight: 500;font-size: 22px;margin:0.6rem 0 0.4rem 0;}
.card p{margin:0.2rem 0 0 0;}
.card hr{width:100%;}
.cardInfo img{width: 100%;}
.cardLink{display:flex;flex-direction:row-reverse;gap: 10px;}
.cardLink img{width:45px;height:45px;
  filter:invert(92%) sepia(13%) saturate(116%) hue-rotate(153deg) brightness(93%) contrast(91%);
  background:#e0dbdb;pointer-events:none;
  padding:0.5rem;
  border-radius:20px;
  transition:300ms
}
.cardLink img:hover{background: #948282}
.qiwiWidgetContainer {
  background:#dbbd69;border-radius:30px;display:flex;flex-direction:column;align-items:center;padding:1.75em 1em 1em;
}
.qiwiWidgetContainer h3{align-self:center;font-size:30px;font-family:'Montserrat',sans-serif;font-weight:500;margin:0 0 0.5em 0;
}
@media (max-width:300px){
  .card h2{font-size:20px;}
  .qiwiWidgetContainer{padding:1.75em 1em 2em 1em;}
}
@media (min-width:300px){.card h2{font-size:22px;}}
@media (min-width:360px){.card h2{font-size:25px;}}
@media (min-width:850px){.card h2{font-size:27px;}}
@media (max-width:400px){
  .container{padding:1.5rem 0 0 0;}}
@media (min-width:576px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));padding: unset}
  .container{padding:1.5rem 1rem 0 1rem;}
}
@media (min-width:768px){.container{padding:1.5rem 2rem 0 2rem;}}
@media (min-width:992px){
  .cards{grid-template-columns:repeat(3,minmax(0,1fr));}
  .container{padding:1.5rem 1rem 0 1rem;}
}
@media (min-width:1200px){.container{max-width:1140px;padding:1.5rem 2rem 0 2rem;}}
@media (min-width:1580px){.container{max-width:1440px;padding:2rem 0 0 0;}}