html,body{color:#fff;background-color:#1a1a1a;max-width:500px;display:block;margin:0 auto;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:100}@media (max-width: 700px){html,body{max-width:none;margin-left:10px;margin-right:10px}}.container{margin-top:20px}video,img{width:100%}img{max-width:600px}h1{text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.interview{background-color:#fff;color:#000;padding:2px;margin-bottom:60px;font-weight:400;font-size:14px;div {margin-top: 20px;} p {margin: 0;}}.chant{position:relative;color:#66005f;background-color:#778199;overflow-x:hidden;p {max-width: 200px; margin: auto; padding: 10px; z-index: 1; font-size: 22px; position: relative; font-family: "Segoe UI",Tahoma,Geneva,Verdana,sans-serif;} .image-top {position: absolute; width: 200px; top: 20%; left: 20px; opacity: 60%;} .image-bottom {position: absolute; width: 200px; bottom: 20%; right: 20px; opacity: 70%;} @media (max-width: 500px) {.image-top {opacity: 90%; position: relative; left: 0; width: 100%; margin-top: 10px;} .image-bottom {opacity: 1; position: relative; width: 100%; left: 0; margin-top: 10px;}}}.carousel{position:relative;width:100%;height:400px;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s ease;display:flex;align-items:center;justify-content:center}.slide.active{opacity:1;visibility:visible}button{position:absolute;top:50%;transform:translateY(-50%);background-color:#bdbdbd}.prev{left:10px}.next{right:10px}