*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:DynaPuff,cursive;font-family:Poppins,sans-serif}main{display:flex;flex-wrap:wrap;margin:0 50px;align-items:center;background:#141E30;background:-webkit-linear-gradient(to right,#243B55,#141E30);background:linear-gradient(to right,#243B55,#141E30);color:#fff}body{background:#141E30;background:-webkit-linear-gradient(to right,#243B55,#141E30);background:linear-gradient(to right,#243B55,#141E30)}.header{background:#141E30;background:-webkit-linear-gradient(to right,#243B55,#141E30);background:linear-gradient(to right,#243B55,#141E30);display:flex;flex-direction:column;align-items:center;background-size:cover}.bg{background-image:url(/assets/bg2.cdf0d5c3.png);height:85vh;background-size:cover}h1{padding:20px 60px;color:#fff;width:auto;margin-top:40px;border-radius:40px}form{padding:30px 250px}input{color:#fff;background-color:#343867;border:none;border-radius:10px 0 0 10px;padding:10px 70px;text-align:center}button{padding:10px 30px;border-radius:0 10px 10px 0;background-color:#495387;border:none;color:#fff;margin-left:5px}button:hover{background-color:#ced1de;color:#000}@media screen and (max-width: 570px){.bg{background-image:url(/assets/bg.0a69a705.jpg);height:85vh;background-size:cover;background-position:center}h1{text-align:center}form{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 0}input{width:250px;border-radius:10px;margin-bottom:5px;padding:10px 50px}button{width:250px;border-radius:10px;padding:10px 28px}main{margin:0 10px}}.card{display:flex;position:relative;padding:25px 20px;flex-wrap:wrap;background-color:#333654;border-radius:40px;margin-left:30px;margin-bottom:30px;box-shadow:10px 10px 5px #000000bf;-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75)}.card:hover{background:#23074d;background:-webkit-linear-gradient(to right,#cc5333,#23074d);background:linear-gradient(to right,#cc5333,#23074d);transition:ease .4s}.status{display:flex;margin-right:30px;flex-wrap:wrap}.status span{margin-left:10px}.circle{border-radius:50%;background-color:#adff2f;width:10px;height:10px;margin-top:7.5px}.circle-dead{border-radius:50%;background-color:red;width:10px;height:10px;margin-top:7.5px}.pm{margin-left:30px}.card-img{border-radius:30px;box-shadow:10px 10px 5px #000000bf;-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75)}span{color:#a5a8b0}h3{width:150px;padding-bottom:10px}.data-resident{width:200px}.status-info{color:#fff}@media screen and (max-width: 570px){.card{width:280px;padding:10px 5px;overflow:hidden;object-fit:cover}.card-img{box-shadow:none;object-fit:cover;border-radius:15px;top:0;margin:0;padding:0}img{width:100%}}.location-bar{color:#fff}.title-location{display:flex;padding:20px 50px;align-items:center;justify-content:center}.data-location{display:flex;flex-direction:row;justify-content:space-between;border:none;border-radius:30px;padding:10px 100px;margin-bottom:50px;background-color:#333654;box-shadow:10px 10px 5px #000000bf;-webkit-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 5px 0px rgba(0,0,0,.75)}.data-location:hover{background:#23074d;background:-webkit-linear-gradient(to right,#cc5333,#23074d);background:linear-gradient(to right,#cc5333,#23074d)}.data-location li{padding:20px 50px}@media screen and (max-width: 570px){h2{text-align:center}.data-location{width:250px;display:flex;flex-direction:column;padding:10px 35px;text-align:center}}