.Page-Main{background-color:#faeeee;opacity:0;animation:fadeIn 2s ease-in forwards}@media screen and (min-width: 240px){.Page-Main{width:50%}}.Lembar1{position:absolute;flex:0 0 200px;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:15vh;border-radius:7px;border:2px solid black;background-image:url(https://images.unsplash.com/photo-1681832068979-77eddbd66fd6?q=80&w=871&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)}.Text{position:absolute;align-items:center;top:30%;left:50%;transform:translate(-50%,-50%);max-width:1500px;height:10%;color:#000;font-size:1.5rem;line-height:1.5}.Isi{font-family:Arial,sans-serif;font-size:2rem;align-items:center;text-align:center;margin-block:5rem}.Lembar1 .By{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);width:25%;height:25%;background-color:#ec4646;border-radius:5px;cursor:pointer;box-shadow:0 8px 16px #0003,0 6px 20px #00000030}.Lembar1 .By:hover{background-color:#f22c2c;box-shadow:0 12px 24px #0003,0 8px 30px #00000030}.Lembar1 .Bn{position:absolute;top:50%;right:5%;transform:translate(-50%,-50%);width:25%;height:25%;background-color:#6951f0;border-radius:5px;cursor:pointer;box-shadow:0 8px 16px #0003,0 6px 20px #00000030}.Lembar1 .Bn:hover{background-color:#0a19f0;box-shadow:0 12px 24px #0003,0 8px 30px #00000030}.fade-in{opacity:0;animation:fadeIn 2s ease-in forawrds}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}