#preview-container{display:flex;flex-direction:column;margin:auto;max-width:1000px;padding:0 1rem 40px;width:100%}#preview-container button{margin:32px auto auto;max-width:-moz-fit-content;max-width:fit-content}#preview-container .first{background-color:#000;border:2px solid var(--primary);border-radius:16px;margin-top:100px;padding:24px clamp(1rem,2vw,1.25rem)}#preview-container .first *{line-height:1.3em;text-align:center}#preview-container .first h1{color:#fff;font-size:clamp(2rem,4vw,3rem);margin-bottom:24px;margin-top:24px}#preview-container .first h2{color:var(--primary);font-size:clamp(1.5rem,3vw,2rem)}#preview-container .first h3{color:#fff;font-size:clamp(1.4rem,3vw,2rem);margin-bottom:16px}#preview-container .first p{color:#fff;font-size:17px}#preview-container .second{margin:60px 0 clamp(30px,5vw,60px);text-align:center}#preview-container .second span{color:#188bf6;margin-bottom:16px}#preview-container .second h1{font-size:clamp(2.8rem,4vw,3.2rem);margin-bottom:24px;margin-top:24px}#preview-container .third{display:flex;flex-direction:column;gap:clamp(3rem,5vw,4rem)}#preview-container .third .item{display:flex;flex-direction:column;gap:24px;text-align:center}#preview-container .third .item figure{aspect-ratio:16/9;display:block;height:auto;width:100%}#preview-container .third .item figure iframe{height:100%;width:100%}#preview-container .third .item h3{font-size:clamp(20px,4vw,22px);font-weight:800;margin-bottom:20px}#preview-container .third .item span{color:var(--primary);font-size:clamp(20px,4vw,22px);font-weight:800}@media screen and (min-width:768px){#preview-container .third .item{align-items:center;flex-direction:row}#preview-container .third .item figure{flex:none;width:50%}#preview-container .third .item:nth-child(2n){flex-direction:row-reverse}}