body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;text-align:center;color:#fff}.location-info-container,.search-box-container{display:-webkit-flex;display:flex;position:relative;height:0}.close-form{height:1.7rem}.button-pagination,.close-form{border:none;border-radius:2px;width:1.7rem;font-weight:500}.button-pagination{height:2rem}.search-box form{box-sizing:border-box;height:13rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;position:relative;width:20rem;background-color:#06152e;z-index:8;top:-13rem}.search-box button:first-child{z-index:40;position:absolute;top:-12rem;left:1rem}.search-box form input{margin:1rem 0}.out,.out-noAnim{position:relative;left:-20rem}.out{-webkit-animation-name:animOut;animation-name:animOut;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes animOut{0%{left:0}to{left:-20rem}}@keyframes animOut{0%{left:0}to{left:-20rem}}.in{position:relative;-webkit-animation-name:animIn;animation-name:animIn;-webkit-animation-duration:.5s;animation-duration:.5s;left:0}@-webkit-keyframes animIn{0%{left:-20rem}to{left:0}}@keyframes animIn{0%{left:-20rem}to{left:0}}.location-info{background-color:#06152e;min-width:16rem;padding:.5rem .5rem 0;border-radius:6px;z-index:10;position:absolute;right:1rem;top:-12rem}.open-search-button{height:0}.open-search-button button{z-index:5;position:absolute;top:-11rem;left:2rem;padding:.6rem;color:#fff;background-color:#06152e;border-radius:6px}.arrow{-webkit-transform:scale(.2) rotate(-180deg);transform:scale(.2) rotate(-180deg);position:absolute;top:-17rem;left:-2rem;opacity:.3;-webkit-animation-name:arrow-pulse;animation-name:arrow-pulse;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes arrow-pulse{0%{left:-2rem}50%{left:-2.5rem}to{left:-2rem}}@keyframes arrow-pulse{0%{left:-2rem}50%{left:-2.5rem}to{left:-2rem}}ul{list-style-type:none;padding:0}.initial-text{color:hsla(0,0%,100%,.6);font-weight:900;max-width:40rem;margin:0 3rem}.residents-container{background-color:#040b1a;padding:0 4rem 2rem;min-height:30rem;-webkit-flex-direction:column;flex-direction:column}.residents-container,.title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.title{font-size:3.5rem;font-weight:800;color:#040b1a;padding:0;margin:auto;height:13rem}.loading-container{position:absolute;display:-webkit-flex;display:flex;top:0;left:0;right:0;bottom:0;-webkit-justify-content:center;justify-content:center;z-index:10;pointer-events:none}.card-location-title{font-weight:700;margin-top:.5rem}.loader-style{margin-top:50vh}.resident-card{background-color:#2b2d39;display:inline-block;margin:1rem;border-radius:6px}.resident-card img{border-radius:6px 6px 0 0}.resident-card img,.text-container{-webkit-flex-grow:1;flex-grow:1}.button-page{padding:1rem;background-color:none}.button-page button{margin:0 .1rem;font-size:1.1rem;padding:.1rem .4rem}button:hover{cursor:pointer}#location-input{color:#fff;background-color:#06152e;border-radius:6px;border:1px solid #fff;padding:.5rem 1rem}#search-button{color:#fff;border:none;border-radius:4px;background-color:#3182ce;padding:.5rem 1rem}.green{color:#30bb30}.red{color:#c52a2a}.yellow{color:#c5bb29}@media (max-width:1200px){.title{font-size:2.5rem}}@media (max-width:900px){.residents-container{padding:0}.search-box-container{display:block;position:relative;height:0}.search-box{width:100%;height:0}.search-box form{width:100%}.location-info-container{display:inline-block;width:100%;height:auto}.location-info{background-color:#06152e;width:100%;border-radius:0;padding:1rem 0;z-index:0;position:static;right:0;top:0;margin:0}.location-info p{margin:0;padding:.5rem 0}.location-info :first-child{font-weight:700}.out,.out-noAnim{left:-70rem}.out{-webkit-animation-duration:.7s;animation-duration:.7s}@-webkit-keyframes animOut{0%{left:0}to{left:-70rem}}@keyframes animOut{0%{left:0}to{left:-70rem}}.in{-webkit-animation-duration:.7s;animation-duration:.7s;left:0}@-webkit-keyframes animIn{0%{left:-70rem}to{left:0}}@keyframes animIn{0%{left:-70rem}to{left:0}}}
/*# sourceMappingURL=main.e283c097.chunk.css.map */