body{margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:black}div{margin:0;padding:0;box-sizing:border-box}.container{width:calc(var(--vw, 1vw) * 100);max-width:600px;height:calc(var(--vh, 1vh) * 100);margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:space-between}.containerCanvas{width:calc(var(--vw, 1vw) * 100);width:100%;height:calc(var(--vh, 1vh) * 80);position:relative}#canvas{width:100%;height:100%}.containerControls{display:flex;justify-content:center;align-content:start;flex-wrap:wrap;width:calc(var(--vw, 1vw) * 100);width:100%;height:calc(var(--vh, 1vh) * 20);gap:12px;z-index:90;background-color:#101416;padding-top:10px}.buttonsNavigation{display:flex;justify-content:center;align-content:start;flex-wrap:wrap;width:calc(var(--vw, 1vw) * 100);height:calc(var(--vh, 1vh) * 26);gap:12px;z-index:90;background-color:#101416;padding-top:10px}.buttonsPrayers{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.buttonPrayer{height:30px;width:auto;padding-left:10px;padding-right:10px;border-radius:5px;color:#b0b2b5;background-color:#202426;display:grid;place-items:center;font-weight:200}.buttonNavigation{border-width:1px;border-radius:5px;width:15%;max-width:120px;height:30%;max-height:40px;color:#b0b2b5;background-color:#202426;display:grid;place-items:center;font-size:14px;padding:0;border-color:red;-webkit-user-select:none;-ms-user-select:none;user-select:none}.buttonStyle{background-color:transparent;border-radius:2px;border-style:solid;border-width:1px;border-color:#404245;height:40px}.navigationButton:hover{cursor:pointer}#buttonNext{color:red}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:.3;padding:30px}.overlayMessage{display:flex;justify-content:center;align-items:center;color:#fff;background-color:#000}.prayerContainer{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;margin-top:100px;width:100%}.expandShrink{font-size:20px;color:gray;position:relative;color:red}.expandBox,.shrinkBox{position:absolute;right:10px;bottom:3px}.prayerCategory{display:grid;grid-template-columns:1fr;grid-template-rows:100px 1fr;align-items:center;justify-items:center;box-sizing:border-box;padding:0 0 40px;width:100%;background-color:#fff0}.prayerCategoryTitle{grid-row:1;height:100%;width:50%;min-width:300px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;font-size:70px;font-weight:600;color:#fff;border-style:solid;border-width:1px 0 0 0;border-color:#fff;margin-bottom:60px;text-transform:uppercase}.prayerCategorySubCategories{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;align-content:center}.prayerSubCategory{display:grid;grid-template-columns:1fr;grid-template-rows:100px 1fr;align-items:center;justify-items:center;box-sizing:border-box;padding:20px}.prayerSubCategoryTitle{grid-row:1;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;font-size:40px;font-weight:600;color:#ffffffe6;text-transform:uppercase}.prayerSubCategoryPrayers{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;grid-row:2;justify-content:center;align-content:center}.prayer{width:clamp(360px,90%,450px);max-height:var(--prayerMaxHeight);background-color:#f0f2f5;padding:20px 20px 40px;box-sizing:border-box;background-color:#dce1e6e6;position:relative;display:flex;flex-direction:column}.prayerName{font-size:20px;margin-bottom:16px;font-weight:900;display:flex;flex-direction:column}.prayerNameTitle{font-size:20px;font-weight:900}.prayerNameSubTitle{font-size:16px;font-weight:700}.prayerContent{overflow-y:auto;max-height:var(--prayerContentMaxHeight);line-height:1.6em;font-size:1em;font-weight:300;scrollbar-color:var(--scrollBarThumb) var(--scrollBarTrack);scrollbar-width:medium}.prayerContent::-webkit-scrollbar{width:16px}.prayerContent::-webkit-scrollbar-track{background-color:var(--scrollBarTrack)}.prayerContent::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px #0000004d}.prayerContent::-webkit-scrollbar-thumb{background-color:var(--scrollBarThumb);box-shadow:inset 2px 2px 5px 0 rgba(#fff,.5);border-radius:var(--borderRadius);width:10px}.prayerImage{height:700px;background-position:center center;background-size:contain;background-repeat:no-repeat}.prayerBody{margin-left:0}.prayerBodyParagraph{font-weight:400;margin-bottom:10px}.prayerBodyParagraphInlineBold{font-weight:900}.prayerStep{display:grid;grid-template-columns:1fr;grid-template-rows:50px 1fr;font-size:16px;font-weight:600;margin-top:16px;margin-bottom:10px;width:100%}.prayerStepTitle{display:flex;width:100%}.prayerStepTitleNumber{font-size:24px;display:grid;align-items:center;justify-items:start;margin-top:2px;width:var(--stepIndent)}.prayerStepTitleText{display:grid;align-items:center}.prayerStepBody{grid-column:1;grid-row:2;margin-left:var(--stepIndent)}.prayerRepeat{font-weight:600;margin-bottom:10px}.prayerStepBead{font-weight:300}prayerSubStep{padding-left:20px}.prayerSubStepTitle{font-weight:600;margin-bottom:10px}.prayerSubStepText{font-weight:400;margin-bottom:12px}@media screen and (max-width: 600px){.prayerCategoryTitle{font-size:36px;font-weight:600;width:90%}.prayerSubCategoryTitle{grid-row:1;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;font-size:24px;font-weight:800;color:#ffffffe6}.expand{font-size:20px;color:gray;position:relative}.expandBox,.shrinkBox{position:absolute;right:10px;bottom:3px}.overlayContent{width:100vw;height:100vh;min-width:360px;padding:15px;align-self:start;box-sizing:border-box}.overlayContentTitle{font-size:24px;margin-top:50px}}