*{box-sizing:border-box;margin:0;padding:0}body{color:#0095ffeb;background-color:#03263afa}.menu{text-align:center;border-bottom:4px solid #00f;width:100%;padding:20px}.menu h1{margin-left:20px}.card{cursor:pointer;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px;display:grid}.card1{text-align:center;border:2px solid #0095ff;border-radius:1rem;width:20vw;height:60vh;margin-top:30px;padding:30px}.card img{border:4px solid #0eadd1;border-radius:50%;width:120px;height:120px}.fa-location-dot{color:red;padding:10px}.fa-circle{color:green;padding:10px;font-size:10px}.button{color:#fff;background-color:#03263afa;border:2px solid #00aeff;border-radius:.5rem;justify-content:center;align-items:center;gap:8px;width:80%;margin-left:20px;padding:5px;display:flex}.button:hover{background-color:#00f}@media (width<=1000px){.card{grid-template-columns:repeat(2,1fr);margin:30px}.card1{width:100%;height:auto;min-height:420px;margin-top:10px;padding:25px}.button{width:90%;margin:20px auto 0}}@media (width<=600px){.menu{padding:25px 15px}.menu h1{margin-left:0;font-size:1.8rem}.card{grid-template-columns:1fr;gap:20px;margin:20px 15px}.card1{width:100%;height:auto;min-height:0;margin-top:0;padding:25px 20px}.card img{width:100px;height:100px}.button{width:100%;margin:20px auto 0;padding:10px}}