body{padding:0;margin:0}#all{width:680px;margin-left:auto;margin-right:auto}#page-flip{background-image:url(https://cssdeck.com/uploads/media/items/6/6h4pDpK.jpg);position:absolute;padding:40px 40px 40px 340px;width:300px;height:400px;overflow:hidden}#r1{position:absolute;z-index:2;-webkit-transform-origin:1315px 500px;-webkit-transform:translate(-1030px,-500px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s}#p1{width:1285px;height:1388px;overflow:hidden}#p1>div{-webkit-transform-origin:285px 0;-webkit-transform:translate(1030px,500px) rotate(32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;width:285px;height:388px;background-image:url(https://cssdeck.com/uploads/media/items/8/87WOlJH.jpg)}#p1>div>div{width:10px;height:388px}#p2>div{width:285px;height:388px;-webkit-box-shadow:0 0 11px rgba(0,0,0,.5);position:absolute;z-index:1;background-image:url(https://cssdeck.com/uploads/media/items/4/4FpEEbu.jpg)}#r3{-webkit-transform-origin:1315px 500px;-webkit-transform:translate(-1030px,-500px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;position:absolute;z-index:2}#s3{-webkit-transform-origin:70px 500px;-webkit-transform:translate(215px,-500px) rotate(-32deg) translate(40px,0);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;position:absolute;z-index:1}#page-flip:hover #s3{-webkit-transform-origin:325px 500px;-webkit-transform:translate(-40px,-500px) rotate(0deg) translate(40px,0)}#sp3{width:25px;height:1000px;-webkit-transition-property:width;-webkit-transition-duration:1s;overflow:hidden}#page-flip:hover #sp3{width:11px}.s{width:285px;height:388px;position:absolute;overflow:hidden;z-index:3}#s2{-webkit-transform-origin:45px 500px;-webkit-transform:translate(240px,-500px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;position:absolute}#sp2{width:15px;height:1000px;overflow:hidden}#s4{opacity:1;-webkit-transition-duration:.5s}#page-flip:hover #s4{opacity:0}#page-flip:hover #s2{-webkit-transform-origin:300px 500px;-webkit-transform:translate(-15px,-500px) rotate(0deg)}#p3{width:1285px;height:1388px;overflow:hidden}#p3>div{-webkit-transform-origin:0 0;-webkit-transform:translate(1255px,500px) rotate(-32deg);-webkit-transition-property:-webkit-transform,-webkit-transform-origin;-webkit-transition-duration:1s;-webkit-box-shadow:0 0 11px rgba(0,0,0,.5);width:285px;height:388px;background-image:url(https://cssdeck.com/uploads/media/items/6/6S8oF28.jpg);overflow:hidden}#p3>div>div{width:9px;height:500px;float:right}#page-flip:hover #r1{-webkit-transform-origin:1570px 500px;-webkit-transform:translate(-1285px,-500px) rotate(0deg)}#page-flip:hover #p1>div{-webkit-transform-origin:285px 0;-webkit-transform:translate(1285px,500px) rotate(0deg)}#page-flip:hover #r3{-webkit-transform-origin:1570px 500px;-webkit-transform:translate(-1285px,-500px) rotate(0deg)}#page-flip:hover #p3>div{-webkit-transform-origin:0 0;-webkit-transform:translate(1000px,500px) rotate(0deg)}a{display:block;position:absolute;margin:-20000px 0 0;padding:1px;z-index:3;-webkit-transition-property:margin;-webkit-transition-duration:.01s}#coke{width:253px;height:158px}a:hover{padding:0;border:1px dotted #92C7C1}#page-flip:hover #coke{-webkit-transition-delay:.8s;margin:33px 0 0 14px}#meninas{width:253px;height:167px}#page-flip:hover #meninas{-webkit-transition-delay:.8s;margin:203px 0 0 14px}*{background-color:#040009;color:#00c800;font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.login-container{background-color:#0a0a0a;padding:30px;border-radius:10px;box-shadow:0 4px 12px #00c80066;width:350px;margin:50px auto;text-align:center;border:2px solid #00c800}h2{color:#0f0;margin-bottom:20px}.input-group{margin-bottom:20px;text-align:left}label{font-size:16px;display:block;margin-bottom:5px;color:#0f0}input{width:100%;padding:10px;border-radius:5px;border:2px solid #00c800;background-color:#000;color:#0f0;font-size:16px}input:focus{outline:none;border-color:#0f0}button{width:100%;padding:12px;background-color:#008f00;color:#fff;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background .3s,transform .2s}button:hover{background-color:#00c800;transform:scale(1.05)}button:active{background-color:#00a000}@media (max-width: 600px){.login-container{width:90%}nav{flex-direction:column;gap:10px}nav a{font-size:16px;padding:8px}}#body-pledge{display:flex;flex-direction:column;min-width:375px;background-color:#000;color:#0f0}h1{text-align:center}#pledge{border:5px solid #00FF00;padding:10px;margin:10px;font-size:1.5em}*{background-color:#040009;color:#00d100;font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}header{text-align:center;margin-top:20px}header img{max-width:200px;width:100%;height:auto;border-radius:10px;margin-bottom:20px}#introduction{border:solid green 5px;font-size:1.5rem;text-align:center;padding:5%;margin-top:3%;background-color:#111;border-radius:8px;color:#00d100}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:10px;margin-top:20px}.stories{border:solid green 3px;margin:0!important;padding:0!important;text-align:center;background-color:#222;border-radius:8px;transition:transform .2s ease}.stories:hover{transform:scale(1.05)}.title{font-size:1.5rem;font-weight:700;margin-bottom:10px;border-bottom:solid yellow 2px}.stories p{margin-bottom:10px;font-size:1rem}.buybutton{color:#fff;background-color:#00c800;padding:10px;border-radius:4px;display:inline-block;margin-top:10px;cursor:pointer;text-decoration:none;font-size:1.1rem}.buybutton:hover{background-color:#008f00}footer{border:solid yellow 5px;font-size:1.5rem;text-align:center;padding:5%;margin-top:3%;background-color:#111;color:#00d100;border-radius:8px}footer a{color:#00d100;text-decoration:none}footer a:hover{text-decoration:underline}.highlighted-link,.highlighted-link a{margin:0!important;padding:0!important;position:relative;display:inline-block}*{background-color:#040009;color:#00c800;margin:0;padding:0;box-sizing:border-box}nav{display:flex;justify-content:space-around;align-items:center;padding:15px;background-color:#080012;border-bottom:2px solid #00c800}nav a{color:#00c800;text-decoration:none;font-size:18px;padding:10px;border-radius:5px;transition:background .3s}nav a:hover{background-color:#00c80033}#authorIcon{display:flex;align-items:center;gap:10px}#authorIcon img{width:40px;height:40px;border-radius:50%;border:2px solid #00c800}#storyInformation{border:5px solid #00c800;width:30%;padding:20px;margin:20px auto;text-align:center;font-size:1.2rem;border-radius:8px;background-color:#111}#storyInformation p{margin-bottom:10px}#messageAuthor{border:5px solid #00c800;width:30%;padding:20px;margin:20px auto;text-align:center;background-color:#111;border-radius:8px}#messageAuthor form{display:flex;flex-direction:column}#messageAuthor label{margin-bottom:5px;font-size:1rem}#messageAuthor input[type=text]{padding:8px;margin-bottom:10px;border:2px solid #00c800;border-radius:5px;background-color:#222;color:#00c800}#messageAuthor input[type=submit]{padding:10px;background-color:#008f00;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#messageAuthor input[type=submit]:hover{background-color:#00c800}#reviews{border:5px solid #00c800;margin:20px auto;padding:20px;background-color:#111;border-radius:8px;width:30%}#reviews p,#reviews .input-group{margin-bottom:15px}#reviews label{font-size:1rem;color:#00c800}#reviews textarea{width:100%;padding:10px;border:2px solid #00c800;border-radius:5px;background-color:#222;color:#00c800;font-size:1rem}#reviews textarea:focus{outline:none;border-color:#0f0}#reviews input[type=submit]{width:100%;padding:12px;background-color:#008f00;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .2s}#reviews input[type=submit]:hover{background-color:#00c800;transform:scale(1.05)}#advertisement{text-align:center;padding:20px;margin:20px auto;background-color:#111;border:5px solid #00c800;width:30%;border-radius:8px}#advertisement p{font-size:1.2rem}#fileContent{width:80%;max-height:400px;overflow-y:auto;overflow-x:hidden;padding:15px;margin:20px auto;border:1px solid #00c800;border-radius:8px;background-color:#111;font-size:1rem;line-height:1.5;color:#0f0;word-break:break-word;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.scrollable-div{width:90%;max-height:400px;overflow-y:auto;padding:15px;border:1px solid #00c800;border-radius:8px;background-color:#111;font-size:1rem;line-height:1.5;word-break:break-word;white-space:pre-wrap}@media (max-width: 600px){#storyInformation,#messageAuthor,#reviews,#advertisement,#fileContent{width:90%;margin:10px auto}#messageAuthor input[type=text],#reviews textarea{font-size:1rem}#messageAuthor input[type=submit],#reviews input[type=submit]{padding:15px;font-size:1.1rem}}body{display:flex;flex-direction:column;min-width:375px;background-color:#000;color:#0f0}.highlighted-link,.highlighted-link a{margin:0!important;padding:0!important;display:inline-block}