*,*:before,*:after{box-sizing:border-box}body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;color:#2a2a2a}img{display:block;max-width:100%;height:auto}.card{width:288px}.card-text{margin-top:0;margin-bottom:10px}.card-img-top{display:flex;justify-content:center}.search-form{padding:10px}.card{margin:10px}ul{list-style:none}.list-item{display:flex}.list-item input{margin-right:10px}.list-item p{margin:3px 0}.search-form{display:flex;flex-direction:column;align-items:center;margin-top:20px}.form-group{display:flex;flex-direction:column;align-items:flex-start;margin:10px 0}.label{font-size:16px;margin-bottom:5px}.search-input,.days-select,.search-button{margin:5px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.search-input{width:100%;max-width:300px}.days-select{width:100px}.input-group{display:flex;align-items:center}.search-button{background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s}.search-button:hover{background-color:#0056b3}.weather-cards{list-style:none;display:flex;justify-content:space-between;padding:0;margin:0}.weather-card{background-color:#f5f5f5;border-radius:10px;padding:20px;box-shadow:0 2px 4px #0000001a;text-align:center;flex:1;margin:0 10px;display:flex;flex-direction:column;align-items:center}.weather-icon{width:50px;height:50px;margin-bottom:10px}.weather-date{font-size:18px;color:#333;margin-bottom:5px}.weather-text{font-size:16px;color:#666;margin-bottom:5px}.weather-temperature{font-size:24px;color:#f60;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2e2f4266;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:#fcfcfc;box-shadow:0 1px 1px #00000024,0 1px 3px #0000001f,0 2px 1px #0003;border-radius:4px;transition:transform .25s cubic-bezier(.4,0,.2,1);padding:72px 24px 24px;overflow:scroll;width:288px;display:block}.isOpen{display:none}