@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Reem+Kufi:wght@700&display=swap";body,html{max-width:100vw;overflow-x:hidden;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@font-face{font-family:Londrina Solid;src:url(/fonts/LondrinaSolid.ttf);font-weight:400;font-style:normal}*{font-family:Londrina Solid,sans-serif}body{color:#000;background:#fff;height:100dvh}body>main{height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.revealable{opacity:0}.revealable.revealed{animation:reveal .5s ease-in;opacity:1;transform:none}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0)}}.sec2,.sec2r{padding:40px;color:#fff}.sec2 .container,.sec2r .container{margin:0 auto;max-width:1024px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto 1fr;grid-gap:8px 32px}.sec2 .container .preview,.sec2r .container .preview{aspect-ratio:1;border-radius:20px;background-color:gray;grid-column:1;grid-row:1/3;overflow:hidden}.sec2 .container header,.sec2r .container header{grid-column:2;grid-row:1}.sec2 .container header h2,.sec2r .container header h2{margin:0;font-size:50px}.sec2 .container .detail,.sec2r .container .detail{grid-column:2;grid-row:2;display:flex;gap:16px;flex-direction:column;text-align:left}.sec2 .container .detail,.sec2 .container .detail>*,.sec2r .container .detail,.sec2r .container .detail>*{-webkit-user-select:text;-moz-user-select:text;user-select:text}.sec2 .container .detail p,.sec2r .container .detail p{opacity:.9;margin:0;font-weight:400}.sec2r .container .preview{grid-column:2}.sec2r .container .detail,.sec2r .container header{grid-column:1}@media(max-width:768px){.sec2,.sec2r{text-align:center;padding:20px}.sec2 .container,.sec2r .container{grid-gap:32px;grid-template-columns:1fr}.sec2 .container .preview,.sec2r .container .preview{grid-column:1;grid-row:2}.sec2 .container header,.sec2r .container header{grid-column:1;grid-row:1}.sec2 .container .detail,.sec2r .container .detail{grid-column:1;grid-row:3;padding:0 10px}.sec2r .container .preview{grid-column:1;grid-row:3}.sec2r .container header{grid-column:1;grid-row:1}.sec2r .container .detail{grid-column:1;grid-row:2;padding:0 10px}}