.SearchBox{text-align:center;margin-bottom:25px}.SearchBox input{width:300px;max-width:90%}.SearchBox button{transition:all .3s ease;padding:12px 28px!important;font-size:18px!important;font-weight:700;border-radius:8px!important;background-color:#28a745!important;color:#fff!important}.SearchBox button:hover{transform:scale(1.1);background-color:#1e7e34!important;box-shadow:0 8px 20px #0000004d}@media(max-width:600px){.SearchBox input,.SearchBox button{width:90%}}.InfoBox{text-align:center}.cardContainer{display:flex;justify-content:center}.cardContainer .MuiCard-root{transition:.3s ease}.cardContainer .MuiCard-root:hover{transform:scale(1.05);box-shadow:0 10px 25px #0000004d}.mainContainer{text-align:center;min-height:100vh;padding:20px;transition:.5s ease}.dark{background-color:#121212;color:#fff}.clear-bg{background:linear-gradient(to right,#fddb92,#d1fdff)}.cloud-bg{background:linear-gradient(to right,#bdc3c7,#2c3e50)}.rain-bg{background:linear-gradient(to right,#4b6cb7,#182848)}.default-bg{background:linear-gradient(to right,#83a4d4,#b6fbff)}.rain-bg:before{content:"";position:fixed;width:100%;height:100%;background-image:url(https://pngimg.com/uploads/rain/rain_PNG13468.png);background-size:150px;animation:rain .3s linear infinite;opacity:.2;pointer-events:none}@keyframes rain{0%{background-position:0 0}to{background-position:0 100px}}.cloud-bg:before{content:"";position:fixed;width:200%;height:100%;background:url(https://pngimg.com/uploads/cloud/cloud_PNG27.png) repeat-x;background-size:300px;animation:clouds 60s linear infinite;opacity:.2;pointer-events:none}@keyframes clouds{0%{transform:translate(0)}to{transform:translate(-50%)}}.toggleBtn{margin:10px 8px;padding:10px 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.toggleBtn:first-of-type{background-color:#333;color:#fff}.toggleBtn:first-of-type:hover{background-color:#555;transform:scale(1.08)}.toggleBtn:nth-of-type(2){background-color:#ff4d6d;color:#fff}.toggleBtn:nth-of-type(2):hover{background-color:#e63950;transform:scale(1.08)}@media(max-width:600px){.toggleBtn{width:90%;margin:8px auto;display:block}}.historyBtn{margin:6px;padding:8px 18px;border:none;border-radius:8px;background-color:#28a745;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease}.historyBtn:hover{background-color:#218838;transform:scale(1.08);box-shadow:0 6px 15px #0003}@media(max-width:600px){.historyBtn{width:80%;display:block;margin:8px auto}}.app-title{font-size:32px;font-weight:700;text-align:center;animation:colorChange 4s infinite,popEffect 2s infinite alternate}@keyframes colorChange{0%{color:#2ecc71}25%{color:#27ae60}50%{color:#16a085}75%{color:#1abc9c}to{color:#2ecc71}}@keyframes popEffect{0%{transform:scale(1)}to{transform:scale(1.1)}}