*{font-family:Helvetica,Arial,sans-serif;background-color:#e9e9e9;color:#12121b}body{padding:60px}input{outline:none;color:#e9e9e9;background-color:#12121b;border-image-slice:2;border-image-width:2;border-image-repeat:stretch;border-image-source:url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(33,37,41)" /></svg>');border-image-outset:2;width:calc(100% - 8px);padding:.5rem 1rem;margin:4px;background-clip:padding-box}input::placeholder{text-decoration:none;outline:none;color:#e9e9e9}h2{font-size:1.5rem}h3{font-size:3rem;margin-bottom:5px}.card-grid{column-count:5;column-gap:10px;padding:10px}.card-grid img{width:100%;height:auto;border-radius:5px;object-fit:cover;margin-bottom:5px}.card-grid img:hover{cursor:pointer;filter:brightness(50%)}form{flex-direction:column;align-items:center;width:40%;margin:2% auto auto}
