*{user-select:none;margin:0;padding:0;box-sizing:border-box}button[type=button],.cover label,.page label{cursor:pointer}button[type=button]{color:red;font-size:3.90625vh;border:dashed 1px #000;border-radius:1.5625vh 0 1.5625vh 0;padding:1.5625vh 2.34375vh}.dialog{position:absolute;height:fit-content;display:none}@media(orientation: portrait){div.dialog{display:flex;color:#fff;font-size:5vw;font-weight:900;background-color:red;inset:50% 50%;translate:-50% -50%;width:61vw;text-align:center}*:not(div.dialog,body,html){display:none !important}}body{overflow:hidden;background:linear-gradient(black 0%, white 100%);height:100vh;display:flex;align-items:center;justify-content:center}form{font-weight:900;transition-duration:1s;transition-property:transform;perspective:1500px;position:relative;height:70.3125vh;aspect-ratio:7/9}.cover,.back-cover{background:linear-gradient(rgb(0, 220, 0) 0%, black 100%);width:100%;height:100%;border-radius:0 2.34375vh 2.34375vh 0;display:flex;justify-content:center;align-items:center;box-shadow:0 0 2.34375vh #292929}.cover{text-align:center;transition:transform 1s,z-index 0s 250ms;transform-origin:center left;position:absolute;z-index:4}.cover label{position:absolute;display:block;align-self:end;width:100%;height:100%}.back-cover{position:relative}.page{transition:transform 1s,z-index 0s 250ms;transform:rotateY(0);transform-origin:center left;transform-style:preserve-3d;z-index:1;position:absolute;background-color:#fff;width:51.5625vh;height:67.1875vh;border-radius:0 2.34375vh 2.34375vh 0;margin-top:1.5625vh}#page1{z-index:3}#page2{z-index:2}input[type=checkbox]{display:none}input[required],textarea{border:1px #000;border-style:dashed;font-size:3.125vh;color:#000;width:100%;min-height:6.25vh;padding:.78125vh 1.5625vh}textarea{height:80%}#checkboxCover:checked~form{transform:translateX(27.34375vh)}#checkboxCover:checked~form .cover{perspective:1500px;transform:rotateY(-180deg);z-index:0}#checkboxCover:checked~form .cover .back-page{visibility:visible}#checkboxCover:checked~form .cover .front-page{visibility:hidden}#checkboxCover:checked~form .page{box-shadow:0 0 3px 1px #323232}#checkboxPage1:checked~form #page1{transform:rotateY(-180deg);z-index:1}#checkboxPage1:checked~form #page1 .front-page{visibility:hidden}#checkboxPage1:checked~form #page1 .back-page{visibility:visible}#checkboxPage2:checked~form #page2{transform:rotateY(-180deg)}#checkboxPage2:checked~form #page2 .front-page{visibility:hidden}#checkboxPage2:checked~form #page2 .back-page{visibility:visible}.front-page,.back-page{transition:backface-visibility 0ms 250ms,visibility 0ms 250ms;padding:1.5625vh 2.34375vh;font-size:3.90625vh;display:grid;align-items:center;justify-content:center;grid-template-rows:1fr 1fr;width:100%;height:100%;position:absolute}.front-page label:first-of-type,.back-page label:first-of-type{font-size:3.90625vh;padding:.78125vh 3.125vh;position:absolute}.back-page{transform:rotateY(180deg);visibility:hidden}/*# sourceMappingURL=styles.css.map */