body{margin:0;padding:0}:root{box-sizing:border-box;background-image:linear-gradient(90deg,#339,#f0c);background-repeat:no-repeat;flex-direction:column;max-width:100%;min-height:100svh;margin:0;display:flex}.app{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;display:flex}.headers{margin:0;padding:0}.robo-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;width:100%;padding-bottom:50px;display:flex}h1{text-align:center;color:#528888;font-family:Segoe UI,sans-serif;font-size:2.5rem;font-style:normal;font-weight:400}.card{background:linear-gradient(90deg,#e3ffe7 0%,#d9e7ff 100%);border:1px solid #ccc;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;width:250px;height:350px;padding:20px;display:flex;box-shadow:2px 2px 6px #0003}.grow{transition:transform .4s,box-shadow .4s}.grow:hover{border:none;border-radius:10px;transform:scale(1.1);box-shadow:4px 4px 8px #0003}.search-box{justify-content:center;align-items:center;display:flex}input{letter-spacing:.5px;border:none;border-radius:12px;outline:none;width:400px;height:60px;padding:10px;font-size:20px}.scroll{height:650px;padding:40px;overflow-y:scroll}