.darkbtn{position:fixed;top:2%;left:1%;padding:4px;border-radius:4px;color:inherit;border-color:inherit}.renderedimage{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,250px));justify-content:center}.renderedimage img{width:250px;height:250px;border-radius:10px}@media (max-width:785px){.renderedimage{grid-template-columns:repeat(auto-fit,minmax(250px,300px))}.renderedimage img{width:300px;height:300px}}@media (max-width:617px){.renderedimage{display:flex;flex-direction:column;justify-content:center;align-items:center}.renderedimage img{width:90%;height:400px}}.logo{margin-left:20px;display:flex;justify-content:center}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem}button{color:inherit;border-color:inherit}.searchbar{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.searchbar .inputbackground{padding:4px;display:flex;justify-content:center}.searchbar .input{display:flex;justify-content:center;padding:20px;box-shadow:1px 1px 2px 1px;border-radius:10px;width:550px;background:#959595;gap:20px;outline:none}.searchbar input{width:80%;background:#f4f4f4;border:none;outline:none;padding:20px 10px 7.5px;border-radius:4px;color:#020b3e;font-weight:500;font-size:1em;box-shadow:1px 1px 2px 1px}.searchbar button{width:20%;border-radius:4px;color:#f3f3f4;background:#020b3e}.searchbar button:hover{border-color:#959595;transition:all .1s ease;transform:scale(1.1)}@media (max-width:600px){.searchbar .input{width:auto;transition:1s}}.footer{display:flex;margin:10px;justify-content:space-between;align-items:center;border-top:1px solid #797979;padding:15px 0}.footer ul li{display:inline-block;list-style:none;margin-left:20px}a{cursor:pointer}@media (max-width: 600px){.footer{display:block;text-align:center}.footer ul{margin-top:10px}.footer ul li{margin:10px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;color:var(--dark-bg)}.modal-content{background:#ccc;padding:0 20px 20px;border:1px solid #888;border-radius:20px;max-width:50%;max-height:90%;overflow-y:auto}.image-container{text-align:center;margin-bottom:10px}.image-container img{border-radius:10px;max-width:100%;max-height:50vh}.close{cursor:pointer;font-weight:700;display:flex;justify-content:flex-end}.loading{font-size:6rem;transition:1s;color:#9a9a9a}.image-details{display:block}.description{display:block;text-align:center;font-weight:500}.photographer{font-weight:500;font-size:1.5rem}.bottom{display:flex;justify-content:space-between}.bottom button{background:var(--dark-bg);color:#fff;border-radius:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;--white-bg: #f1eaea;--dark-bg: #020b3e}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;background:var(--white-bg);color:var(--dark-bg);transition:1s;border-color:#1a1a1a}.darkmode{color:var(--white-bg);background:var(--dark-bg);transition:2s;border-color:#f1eaea}button{border-radius:30px;border:1px solid;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s}button:hover{background:#020b3e;color:#f3f3f4}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}