*{margin:0;box-sizing:border-box}.dark-toggle{padding:10px;border:none;font-size:1.3rem;background:none;cursor:pointer}.title{text-align:center;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-transform:capitalize;font-size:2rem;letter-spacing:2px;color:#00f}.dark-theme{background:#fff;color:#320606}body{transition:all .5s ease;background:#fff;color:#000}@media (prefers-color-scheme: dark){body{background-color:#000;color:#fff}}.form{display:flex;padding:1rem;justify-content:center}.form-input{width:40%;max-width:800px;border:none;border-top-left-radius:5px;border-bottom-left-radius:5px;background:#ede5e7;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.2rem;padding:5px}input:focus-visible{outline:none;border:none}.img{width:100%;height:200px;object-fit:cover}.btn{border:none;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#00f;cursor:pointer;color:#fff;letter-spacing:2px;padding:10px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:600}@media screen and (max-width: 600px){.image-container{width:80vw;padding:20px;margin:3rem auto;gap:1.5rem;place-items:center;display:grid;grid-template-columns:repeat(1,1fr)}}@media screen and (min-width: 600px){.image-container{width:80vw;margin:3rem auto;gap:1.5rem;place-items:center;display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 900px){.image-container{width:80vw;margin:3rem auto;gap:2rem;place-items:center;display:grid;grid-template-columns:repeat(4,1fr)}}.image-container h3{font-size:3rem;width:80vw;letter-spacing:2px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:5px;border:2px solid;text-align:center}
