*{box-sizing:border-box;margin:0;padding:0}body{color:#dbdaed;background:linear-gradient(#020125,#060347);font-family:Nunito,Helvetica,sans-serif}h1,h2{text-align:center}h1{padding:80px 0 50px}h2{padding:60px 0 30px}.head-para{text-align:center;padding-bottom:50px;font-size:1.3rem}form{text-align:center;width:100%}form input,form button{border:1px solid #dbdaed;border-radius:5px;padding:15px;font-size:1rem}form input{margin-right:7px}form button{color:#dbdaed;background-color:#54518a;margin-left:7px}form button:hover{color:#020125;background-color:#dbdaed;border:1px solid #020125}.container{grid-template-columns:repeat(1,1fr);display:grid}.card{padding:40px 30px}.card h3{padding-bottom:1rem}.card img{width:100%}.card p{padding-top:1rem;font-size:1.1rem}footer{text-align:center;padding:30px;font-size:1.2rem}footer a{color:#54518a}footer a:hover{color:#dbdaed}.loading,.no-results{text-align:center;padding:50px;font-size:1.3rem}@media (width>=550px){.container{grid-template-columns:repeat(2,1fr)}form input{width:400px}}@media (width>=1000px){.container{grid-template-columns:repeat(3,1fr)}form input{width:500px}.card{padding:40px}h2{margin-top:20px}h3{font-size:1.3rem}.card p{font-size:1.1rem}}@media (width>=1300px){.container{grid-template-columns:repeat(4,1fr)}h2{font-size:1.5rem}}