body{margin:0;background-color:#fafafa;font-family:Poppins;display:flex;flex-direction:column;height:100%;max-height:100vh;overflow:hidden}main{min-height:0;flex-grow:1;display:flex;justify-content:center;align-items:flex-start;font-size:.8rem}main>*{width:50%}main section{height:100%;overflow-y:scroll}main section header{background-color:#fafafa;padding:.5rem;margin:.5rem;border-radius:.5rem;display:flex;gap:.5rem;align-items:center}main section header input{flex-grow:1}main section header input,main section header select{padding:.4rem .3rem;border-radius:.5rem;outline:none}main section #locations{display:flex;flex-wrap:wrap}main section #locations .card{background-color:#fafafa;padding:.5rem;margin:.5rem;border-radius:.5rem;box-shadow:0 0 .5rem .1rem #00000020;width:calc(50% - 2rem)}main section #locations .card h2{margin:0;margin-bottom:.5rem}main section #locations .card p{margin:0}main section #infoLocations{text-align:center;font-weight:700;margin:2rem 0}#map{position:relative;height:100%}#map svg{position:absolute;width:100%;height:100%}#map svg path{fill:#034406;stroke:#fff;transition:fill .3s,transform .5s;cursor:hand}#map svg path:hover,#map svg path.selected{fill:#d818a5}#map .marker{position:absolute}body>header{background-color:#eaeaea;color:#000;font-weight:700;padding:.8rem;text-align:center;font-size:1.5rem}body>header .primary{color:#d818a5}body>header small{font-size:.9rem}footer{background-color:#111;color:#fff;padding-top:.5rem;padding-bottom:1rem;text-align:center}footer a{text-decoration:none;color:inherit}footer img{margin-left:.5rem}@media (max-width: 768px){main{flex-direction:column}main #map{flex-grow:1;height:30vh}main section{flex-grow:3}main section #locations .card{width:100%}main>*{width:100%}}