.flex{width:90%;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;height:100vh;gap:10px}.card{background-color:#ffaeae;width:150px;height:200px;color:#454545;padding:10px;border-radius:10px;box-shadow:0 0 10px #00000080;font-weight:100;display:flex;justify-content:space-between;align-self:center;cursor:pointer;transition:all .15s ease-in-out}.card:hover{transform:scale(1.1);box-shadow:0 0 20px #00000080;background-color:#ffcbcb}.card h4{margin:0;padding:0}.red{color:red}.blue{color:#00f}html{margin:0;padding:0}body{margin:0;padding:0;font-family:sans-serif;min-height:100vh;background-color:#d4d4d4}