@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{color:#fff;background-color:#121212;font-family:Roboto,sans-serif;margin:0;padding:0}nav{display:flex;justify-content:center;margin-block:40px}nav input{background-color:#fff;border:0;border-radius:16px 0 0 16px;padding:0 16px;width:80%;max-width:600px;font-family:Roboto,sans-serif;font-size:20px}nav input:focus{outline:none;box-shadow:0 0 5px #0003}.button{background-image:linear-gradient(90deg,#0a3ba3 0,#3174d1 51%,#0a3ba3);padding:16px 36px;text-align:center;transition:.5s;background-size:200% auto;color:#fff;border-radius:0 16px 16px 0;display:block}.button:disabled{background:gray}.button:hover{background-position:100%;color:#fff;text-decoration:none;cursor:pointer}.button:hover:disabled{cursor:not-allowed}.main{max-width:1200px;margin:0 auto;padding:0 20px 20px}.my-masonry-grid{display:flex;margin-left:-10px;width:auto}.my-masonry-grid-column{padding-left:20px;background-clip:padding-box}.my-masonry-grid div{margin-bottom:20px}.my-masonry-grid img{width:100%;height:auto;max-width:100%;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media(max-width:603px){nav{height:auto;margin:20px 20px 10px}nav input{font-size:16px;padding:4px 12px}.button{padding:10px 20px}.button svg{height:20px}.main{padding:12px}.my-masonry-grid div{margin-bottom:10px}}