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}html,body{background-color:#040009;color:#00c800;font-family:Arial,sans-serif;margin:0;padding:0}.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-author-account{background-color:#121417!important;color:#0f8!important;min-height:100vh;padding:40px;box-sizing:border-box;max-width:1200px;margin:0 auto}h2,h3,h4{color:#0f8}.upload-section{display:flex;gap:20px;margin-bottom:40px}.import-box{flex:1;background:#1c1f24;border:1px solid #2d333b;padding:20px;border-radius:12px;transition:border-color .3s}.import-box:hover{border-color:#0f8}.import-box input{width:100%;padding:10px;margin-bottom:10px;background:#121417;border:1px solid #2d333b;color:#fff;border-radius:4px;box-sizing:border-box}.story-grid-author{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.story-card-mini{background:#1c1f24!important;border:1px solid #00ff88!important;padding:20px;border-radius:10px;box-shadow:0 4px 15px #00000080;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:140px}.story-card-mini h4{margin:0 0 15px;width:100%;color:#0f8;word-wrap:break-word}.story-card-actions-row{display:flex!important;gap:10px;margin-top:auto;position:relative!important;top:0!important;right:0!important}.btn-reupload{background-color:#1c1f24;color:#0f8;border:1px solid #00ff88;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;text-transform:uppercase;text-align:center;flex:1}.btn-delete-small{background-color:#0f8!important;color:#fff!important;border:none!important;padding:6px 12px!important;border-radius:4px!important;cursor:pointer!important;font-size:.8rem!important;font-weight:700;flex:1}.btn-delete-small:hover{background-color:red!important}#streakAndCultureGoals{background-color:#121417!important;display:flex;justify-content:center;align-items:flex-start;gap:2rem;margin-top:4rem;padding:20px;border:1px solid #00ff88;border-radius:12px}.streak-card,.culture-card{max-width:350px;flex:1;padding:1.5rem;border-radius:12px;background:#1c1f24!important;border:1px solid #00ff88!important}.streak-count{font-size:1.8rem;color:#0f8;margin:1rem 0}.confirm-btn{width:100%;margin-top:15px;padding:.75rem;background:#0f8;color:#121417;font-weight:700;border-radius:8px;cursor:pointer;border:none}.reviews-container{background-color:#121417!important;padding:20px;margin-top:30px;border:1px solid #00ff88;border-radius:12px}.story-group{background-color:#1c1f24!important;border:1px solid #333;border-radius:12px;margin-bottom:20px;overflow:hidden}.story-group h3{background:#121417;margin:0;padding:15px;border-bottom:1px solid #00ff88}.review-card{background:#1c1f24;margin:15px;padding:15px;border-left:4px solid #00ff88}@media (max-width: 768px){.upload-section,#streakAndCultureGoals{flex-direction:column}}body,html{background-color:#121417;color:#0f8;font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}*{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 #00ff88 5px!important;background-color:#1c1f24;color:#0f8!important;font-size:2em;text-align:center}nav{align-items:center;padding:15px;background-color:#0a0c0e;border-bottom:2px solid #00ff88}nav a{color:#0f8;text-decoration:none;font-size:18px;padding:10px;border-radius:5px;transition:background .3s}nav a:hover{background-color:#0f83}#banner{display:flex;justify-content:center;align-items:center;min-height:40vh;padding:2rem}#banner img{max-width:90%;max-height:65vh;width:auto;height:auto}#authorIcon img{width:40px;height:40px;border-radius:50%;border:2px solid #00ff88}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:10px;margin-top:20px}.stories{background-color:#1c1f24!important;border:2px solid #00ff88!important;border-radius:12px;padding:20px;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:250px}.stories .highlighted-link{display:block;text-decoration:none;margin-bottom:15px;flex-grow:1}.stories:hover{transform:scale(1.05)}.title{color:#0f8;font-size:1.5rem;font-weight:700;margin-bottom:10px;border-bottom:solid #00ff88 2px}.stories p{margin-bottom:10px;font-size:1rem;color:#0f8}.buybutton{color:#121417;background-color:#0f8;padding:10px;border-radius:4px;display:inline-block;margin-top:10px;cursor:pointer;text-decoration:none;font-size:1.1rem;font-weight:700}.buybutton:hover{background-color:#00cc6d}.delete-btn{background-color:#ff4d4d!important;color:#fff!important;border:none!important;padding:10px!important;border-radius:6px!important;cursor:pointer!important;font-weight:700;width:100%!important;margin-top:auto!important}.delete-btn:hover{background-color:red!important}.delete-btn:disabled{background-color:#555!important;cursor:not-allowed}footer{border:solid #00ff88 5px;font-size:1.5rem;text-align:center;padding:5%;margin-top:3%;background-color:#1c1f24;color:#0f8;border-radius:8px}footer a{color:#0f8;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}#authorAccountLink{margin:0!important;padding:0!important;position:relative;display:inline-block;color:#0f8}.story-page-wrapper{background-color:#121417!important;min-height:100vh;width:100%;display:block;overflow:hidden}#monthlyGoalsBanner{background-color:#121417!important;border:2px solid #00ff88!important;border-radius:10px!important;width:80%!important;max-width:800px!important;margin:30px auto!important;padding:20px!important;text-align:center!important;color:#0f8!important;box-shadow:0 4px 10px #00000080!important}.collection-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:4%}.search-container{position:relative;width:100%;max-width:400px;margin-top:2%}.search-bar{width:100%;padding:12px 40px 12px 15px;background:#1c1f24;border:1px solid #2d333b;color:#0f8;border-radius:25px;font-size:1rem;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.search-bar:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #0f83}.clear-search{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#0f8;font-size:1.2rem;cursor:pointer;opacity:.7}.clear-search:hover{opacity:1}.no-results{grid-column:1 / -1;text-align:center;color:#0f8;margin-top:5%;font-style:italic}@media (max-width: 768px){.collection-header{flex-direction:column;align-items:flex-start}.search-container{max-width:100%}}#banner,#introduction,#monthlyGoalsBanner,#allstories,main{background-color:#121417!important;color:#0f8!important;border-color:#0f8!important}.stories{background-color:#1c1f24!important;border:2px solid #00ff88!important;border-radius:12px;padding:15px;transition:transform .2s}.stories:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0f83}.stories p,.stories .title{background:transparent!important;color:#0f8!important}div[style*="text-align: center"]{background-color:#121417!important;margin:0!important;padding-top:20px!important;padding-bottom:20px!important}input[type=text]{background-color:#1c1f24!important;border:2px solid #00ff88!important;color:#0f8!important}*{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}}#bodyCurriculum{background-color:#121417!important;color:#0f8!important;padding:50px!important;min-height:100vh}.curriculum-header h1,.curriculum-header p,#bodyCurriculum h1,#bodyCurriculum p{background-color:transparent!important;background:transparent!important}.unit-btn,.quiz-btn{background-color:#1c1f24!important;color:#0f8!important}#bodyCurriculum *{background-color:transparent!important}#bodyCurriculum .unit-btn,#bodyCurriculum .quiz-btn{background-color:#1c1f24!important}.curriculum-container{display:block!important;width:100%!important}.curriculum-header h1{color:#0f8!important;font-size:2rem;margin-bottom:20px;font-weight:800}.curriculum-header p{color:#0f8!important;opacity:.9;max-width:700px}.unit-group{margin-bottom:60px!important;display:block!important}.unit-btn,.quiz-btn{display:block!important;position:relative!important;visibility:visible!important;width:400px!important;min-height:60px!important;margin:15px 0!important;color:#0f8!important;text-align:center!important;line-height:60px!important;text-decoration:none!important;font-weight:700!important;overflow:visible!important;border:2px solid #00ff88!important;background-color:#1c1f24!important;border-radius:8px!important;cursor:pointer!important;z-index:999!important}.unit-btn:hover,.quiz-btn:hover{background-color:#0f8!important;color:#121417!important}header,nav,.nav-container,#banner{background-color:#121417!important;background-image:none!important;border-bottom:1px solid #00ff88}#banner{display:block!important;width:100%!important;margin:0!important;padding:20px 0!important;text-align:center}#banner img{background-color:transparent!important}html,body,#root{background-color:#121417!important;color:#0f8;min-height:100vh;margin:0;padding:0;width:100%}.App,.page-container,#main-content,main{background-color:#121417!important;min-height:100vh}#bodyApp{display:flex;flex-direction:column;min-width:375px;width:100%;background-color:#121417;color:#0f8}header{display:inline-block;background-color:#121417}nav{display:flex;align-items:center;width:100%;height:80px;top:0}nav img{height:100%;width:100%}nav>div{flex:1}nav menu{display:flex;gap:10px}.highlighted-link{color:#0f8;border:#00ff88 solid .3em}p,div{color:#0f8}.login-container,.signup-container{border:1px solid #00ff88!important}.login-btn,.signup-btn,button{background-color:#0f8!important;color:#121417!important;border:none;font-weight:700}footer,#footer,.footer,.footer-section,footer *,#footer *,.footer *{background-color:#121417!important;color:#0f8!important;border-color:#0f8!important}footer a,#footer a,.footer a{color:#0f8!important;text-decoration:underline!important}.library-container,.upload-section,.story-upload,.writing-streak,.feedback-container,.monthly-goal,.goal-element,.streak-card{background-color:#121417;border:1px solid #00ff88}.author-account-page,#aap-container,.aap-element,div[class*=card],div[class*=section],div[class*=box]{background-color:#121417}p,span,h1,h2,h3,h4,h5,h6,li,b,i{background-color:transparent!important;background:transparent!important;text-shadow:none!important}.library-container *,.monthly-goal *,.writing-streak *,.feedback-container *{background-color:transparent!important}input,textarea,select{background-color:#1c1f24!important;color:#0f8!important;border:1px solid #00ff88!important}.story-collection,.story-grid,.collection-container,.my-stories{background-color:#121417!important;display:flex;gap:20px;padding:20px}.story-collection-wrapper,#story-collection-page{background-color:#121417!important}.no-stories,.loading-box{background-color:transparent!important;color:#0f8!important}.story-collection,.story-collection *,#story-collection,#story-collection *{background-color:#121417!important;background-image:none!important;background:#121417!important;box-shadow:none!important;text-shadow:none!important;border-color:#0f8!important}.story-box,.story-card,.collection-item{background-color:#1c1f24!important;border:1px solid #00ff88!important}