@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Quicksand&display=swap";.header{background-image:url(/assets/header.511988eb.png);height:60px;width:100%;background-repeat:no-repeat;background-position:center;margin-bottom:20px;background-size:cover;text-align:center}.back{width:70px;margin:40px auto;animation:pulso 2s infinite;text-align:center;position:fixed;bottom:0;right:0;left:0;z-index:1}@keyframes pulso{0%{transform:none}50%{transform:scale(1.08)}to{transform:none}}.brandLogo{text-align:center;margin:5px 20px 0}.brandLogo img{height:45px;width:100%}.brandLogoCustom img{height:400px;width:100%}.slide p{font-size:15px;color:#0386e6;margin:5px}.footer{position:fixed;bottom:0;background-repeat:no-repeat;height:230px;width:100%;background-position:right;mix-blend-mode:multiply;z-index:0;margin:10px 0}.footer p{position:relative;text-align:center;bottom:-210px}.introModal{background:#F9F9FB;position:absolute;height:100vh;width:100%;z-index:4;display:flex;flex-direction:column;justify-content:center;text-align:center;animation:1s}.hide{visibility:hidden}.introModal .introContent{margin:50px}.decorUp img,.familyImage img{height:200px}.introModal .novenaImage{margin-top:50px}.introModal .brandLogo{margin:0 0 20px}@media screen and (min-width: 800px){.introModal .novenaImage img{height:100px}.mainMenu .menuOption img{width:100px}}@media screen and (max-width: 600px){.header{background-position:center}.footer{background-size:150px}}.dayImg img{width:50px;text-align:center}.instructive{text-align:center;font-size:20px;margin:5px 0}.mainMenu{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px;z-index:1}.mainMenu .menuOption img{width:70px;margin:10px;animation:pulso 4s infinite;-webkit-box-shadow:0 0 32px 3px rgba(0,0,0,.23);box-shadow:0 0 32px 3px #0000003b}.buenVecino{text-align:center}.buenVecino img{width:150px;position:fixed;bottom:40px;left:0;right:0;margin:auto}@keyframes pulso{0%{transform:none}50%{transform:scale(1.05)}to{transform:none}}.steps .back{height:30px;width:80px}.steps .video iframe{margin:30px 0}.text-sing{margin:20px 0}.calendar{position:relative;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;margin:50px 0;z-index:1}.calendar img{width:71px;margin-top:5px;border-radius:10px}.steps{margin:30px;text-align:center}.steps .dayImg img{height:75px;width:75px;-webkit-box-shadow:0 0 32px 3px rgba(0,0,0,.23);box-shadow:0 0 32px 3px #0000003b}.steps h2{font-size:20px;font-weight:500}.steps .stepText{background-color:#fffc;border-radius:10px;margin:20px 0;padding:20px;height:180px;overflow:auto;text-align:left;font-size:20px;letter-spacing:1px;position:relative;z-index:2}.steps .stepText.gz{margin:0}.steps .stepText.sings{height:330px}.steps .stepText .text-sing{text-align:center}.stepText p{margin:10px 0;line-height:23px}.stepText .gozos{line-height:normal;letter-spacing:normal;font-size:18px;margin:0}.steps small{line-height:normal;letter-spacing:normal;font-size:1rem}.reading{width:30px;margin-left:10px}.steps .sings{position:relative;width:250px;text-align:center;margin:20px auto;z-index:1}.steps .sings a{display:flex;justify-content:center;background-color:brown;color:#fff;text-decoration:none;padding:10px;margin:10px 0;font-size:17px;border-radius:20px}#anton{background-color:#0071a0}#tutaina{background-color:#0081b6}#nanita{background-color:#0091cd}#campana{background-color:#00a1e4}#peces{background-color:#00b5ff}.buttons{text-align:center;position:relative;bottom:-20px}.buttonBefore,.buttonAfter{height:23px;text-align:center;animation:pulso 4s infinite;margin:0 10px;background:none;border:none;padding:0;cursor:pointer}.buttonBefore img,.buttonAfter img{height:100%}@keyframes pulso{0%{transform:none}50%{transform:scale(1.2)}to{transform:none}}@media screen and (min-height: 400px){.steps .stepText{height:100px}}@media screen and (min-height: 500px){.steps .stepText{height:180px}}@media screen and (min-height: 600px){.steps .stepText{height:250px}}@media screen and (min-height: 700px){.steps .stepText{height:320px}}@media screen and (min-height: 800px){.steps .stepText{height:380px}}@media screen and (min-height: 900px){.steps .stepText{height:480px}}*{font-family:Patrick Hand,cursive;margin:0;padding:0}:root{background:#F9F9FB}body{background:#F9F9FB;scrollbar-shadow-color:gray}