*{margin:0;padding:0}html,body{height:100vh;width:100vw}#root{width:100vw;height:100vh}#ChurchView{width:100vw;height:100vh;position:relative;display:flex;flex-direction:row;background-color:#3b5a6d}.ViewPort{width:70dvw;animation-duration:6s}.InfoBar{position:fixed;width:30dvw;height:fit-content;background-color:#ebead1e6;padding:10px;margin-left:50px;margin-right:50px;margin-top:50px;z-index:1;animation-duration:2s;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}.Title,.Location{text-align:center}.Data{text-align:justify;margin:1.5dvw}.info-card{position:fixed;width:2em;height:2em;margin:3rem;padding:2rem;background:#f4f4f4;box-shadow:0 2px 8px #0000001a;overflow:hidden;z-index:1;border-radius:64px;-webkit-border-radius:64px;-moz-border-radius:64px;-ms-border-radius:64px;-o-border-radius:64px;transition:width .1s ease,max-width .4s ease,height .4s ease,max-height .4s ease,padding .4s ease,border-radius .4s ease;-webkit-transition:width .1s ease,max-width .4s ease,height .4s ease,max-height .4s ease,padding .4s ease,border-radius .4s ease;-moz-transition:width .1s ease,max-width .4s ease,height .4s ease,max-height .4s ease,padding .4s ease,border-radius .4s ease;-ms-transition:width .1s ease,max-width .4s ease,height .4s ease,max-height .4s ease,padding .4s ease,border-radius .4s ease;-o-transition:width .1s ease,max-width .4s ease,height .4s ease,max-height .4s ease,padding .4s ease,border-radius .4s ease}.info-card.expanded{width:50rem;max-width:50rem;height:fit-content;max-height:fit-content;overflow-y:scroll hidden;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px}.info-card.expanded .card-content{padding-top:3rem;opacity:1;transition:max-height .4s ease-in,opacity .4s ease-in;-webkit-transition:max-height .4s ease-in,opacity .4s ease-in;-moz-transition:max-height .4s ease-in,opacity .4s ease-in;-ms-transition:max-height .4s ease-in,opacity .4s ease-in;-o-transition:max-height .4s ease-in,opacity .4s ease-in}.info-card.expanded .toggle-icon{position:absolute;top:1rem;right:50%;display:inline-block;width:32px;height:32px}.info-card.expanded .toggle-icon img{height:32px;width:32px}.info-card .toggle-icon{display:flex;width:64px;height:64px;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;z-index:1;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.info-card .toggle-icon img{position:absolute;top:50%;left:50%;height:64px;width:64px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.info-card .toggle-icon img:hover{filter:drop-shadow(0px 0px 2mm rgb(41,133,253));-webkit-filter:drop-shadow(0px 0px 2mm rgb(41,133,253))}.info-card .card-content{overflow:hidden;opacity:0}.info-card .card-content .card-title{text-align:center;font-size:1.5rem;margin:.5rem 0}.info-card .card-content .card-description{text-align:justify;font-size:1rem;line-height:1.4;margin:.5rem}@media (min-width: 270px){#ChurchView{flex-direction:column}.InfoBar{order:1;width:65dvw;font-size:6px}.ViewPort{order:2}.info-card.expanded{margin-top:2rem}.info-card.expanded .toggle-icon{right:45%}.info-card .card-content .card-title{font-size:1.2rem}}@media (max-width: 384px){.info-card.expanded{max-width:17rem;margin:2rem 1.5rem 1.5rem}.info-card.expanded .toggle-icon{right:45%}.info-card .card-content .card-title{font-size:1.2rem}}@media (min-width: 384px){.InfoBar{order:1;width:65dvw;font-size:9px}.info-card.expanded{max-width:18rem;margin:4rem 1rem 1rem}}@media (min-width: 410px){.InfoBar{order:1;width:70dvw;font-size:12px}.info-card.expanded{max-width:17rem;margin:5rem 2.5rem 2.5rem}.info-card.expanded .toggle-icon{right:45%}}@media (min-width: 600px){.info-card.expanded{max-width:28rem}}@media (min-width: 768px){.InfoBar{order:1;width:85dvw;font-size:medium}.info-card.expanded{max-width:40rem}}@media (min-width: 1200px){#ChurchView{flex-direction:row}.InfoBar{order:1;width:30dvw}.ViewPort{order:2;width:70dvw}.info-card.expanded{max-width:50rem}.info-card .toggle-icon img{height:64px;width:64px}.info-card .card-content .card-title{font-size:1.5rem}.info-card .card-content .card-description{font-size:.95rem}}