*{background-color:red;padding:0;margin:0}#scrll{height:100vh;width:100vw;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}#scrll::-webkit-scrollbar{display:none}#container{margin:0;scroll-snap-align:start}#container{color:#000;background-color:#fff;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;scroll-snap-align:start}#card{height:95%;width:95%;background-color:#d3d3d3;display:flex;flex-direction:column;text-align:start;border-radius:15px;box-shadow:0 4px 8px #0000001a;padding:20px}h1{background-color:transparent;margin-bottom:15px;font-size:2.5rem;height:20%}p{background-color:transparent;font-size:1.2rem;margin-bottom:20px;max-width:80%;line-height:1.5}.card-meta{background-color:transparent;display:flex;flex-direction:column;font-size:.9rem;opacity:.7}.card-meta p{margin-bottom:.5vh}img{height:40%;width:100%}#card p{height:40%}@media screen and (max-width: 768px){#container{flex-direction:column;width:100%;height:100%}#card{height:95vh;width:95%}img{height:auto;max-width:100%}h1{font-size:1.5rem;height:auto}#card p{height:auto;margin-top:0;font-size:small}p{font-size:.5rem;max-width:100%;height:auto}}