#root{text-align:center}h1{color:#ffa749;text-shadow:0 0 80px #fff}p{margin:30px auto;width:900px;background:#222;box-shadow:0 0 3px #eee;padding:20px 25px;border-radius:15px}form{display:flex;justify-content:center;margin:30px 0}input{width:250px;height:40px;border:none;border-radius:10px 0 0 10px;background:#3e3e3e;color:#fff;padding:0 15px;font-weight:600;outline:none}::placeholder{color:#eee}button{border:none;background:#ffa749;padding:3px 10px;border-radius:0 10px 10px 0}svg{width:20px;height:20px}button:hover{box-shadow:0 0 5px #ff8500;cursor:pointer;transition:.5s}.gallery-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;background:#000;box-shadow:0 -1px 10px #ffffff80;padding:50px 105px}.image-wrapper img{width:325px;height:325px;object-fit:cover}img:hover{box-shadow:0 0 10px #fff;cursor:pointer;transition:.3s}.modal{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;z-index:1;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}.modal-content{max-width:80%;max-height:80%}.close{position:absolute;top:10px;right:25px;color:#fff;font-size:35px;font-weight:700;cursor:pointer}.caption{margin:15px auto;width:80%;color:#ccc}@media (max-width: 1000px){h1{font-size:20px;margin-top:25px}p{width:auto;margin:30px 50px;font-size:14px}.gallery-container{padding:50px 30px}}@media (max-width: 500px){input{width:200px}.image-wrapper img{width:300px;height:300px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:#1a1a1a;color:#fff}body{margin:0}