*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif;font-weight:450}html,body{width:100%;margin:0;padding:0}.wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.header{background:linear-gradient(#add8e6,#ffffe0);border:1px solid;justify-content:center;align-items:center;width:100%;height:200px;padding:10px;display:flex}.ChooseCity{text-align:center;background:#bebebe;border:none;border-radius:13px;width:25%;height:70px;font-size:27px}option{background:#fff}.main{border:1px solid;flex-wrap:wrap;gap:20px;width:100%;height:auto;padding:20px;display:flex}h1{text-align:center;width:100%}.buttons{border:1px solid;justify-content:space-around;align-items:center;width:100%;height:auto;padding:20px;display:flex}button{border:none;border-radius:15px;width:20%;height:40px;font-size:22px;transition:all .2s}.days p{font-size:30px}.days{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.currentBlock{text-align:center;background:#add8e6;border:2px solid;border-radius:10px;flex-direction:column;justify-content:space-around;width:40%;height:500px;padding:15px;display:flex;box-shadow:4px 4px 10px 4px #9090a0}.currentBlock p{font-size:50px}.dailyBlock,.hourlyBlock{text-align:center;border:2px solid;border-radius:23px;width:30%;height:auto;padding:15px}.header{text-align:center;width:100%;display:flex}.search-input{text-align:center;box-sizing:border-box;border-radius:15px;width:25%;height:70px;margin:0;padding:8px;font-size:25px}.results-list{z-index:1000;background:#fff;border:1px solid #ccc;border-top:none;width:20%;max-height:300px;margin:0;padding:0;list-style:none;position:absolute;top:14%;left:40%;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.result-item{cursor:pointer;text-align:left;border-bottom:1px solid #f0f0f0;padding:10px}.result-item:hover{background-color:#f5f5f5}.item-name{color:#333;font-weight:700}.item-desc{color:#888;font-size:.85em}.contract{z-index:999;width:20.98%;height:100%;position:absolute;top:0;right:0}.casino{z-index:999;width:80%;height:20%;position:absolute;bottom:0;left:0}.header input{margin:0 auto}.logo{width:15%;height:20%;position:absolute;left:5%}.settingsLogo{width:3.8%;height:7.3%;transition:all .4s ease-in-out;position:absolute;left:80%}.settingsMenu{z-index:99999;background:#f0efef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;width:17%;height:20%;padding:20px;display:flex;position:absolute;top:14%;left:79%}.settingsMenu select{width:43%;height:20%;font-size:20px}@media screen and (width<=768px){.wrapper,.header{width:100%}.logo{width:25%;height:4.5%}.settingsLogo{width:13%;height:2%;left:76%}.search-input{width:45%;height:45px;font-size:14px}.settingsMenu{z-index:9999;word-break:break-word;white-space:normal;width:30%;height:20%;font-size:15px;top:6%;left:61%}.settingsMenu select{text-align:center;word-break:break-word;white-space:normal;width:90%;height:50px;font-size:14px;font-weight:700}.main{width:100%;height:auto}.weather{width:100%}.casino{height:1%}}.dailyWeather{border-radius:15px;flex-wrap:wrap;justify-content:space-around;gap:20px;width:100%;height:auto;padding:20px;display:flex}.dailyWeatherItem{text-align:center;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;gap:10px;width:13%;height:250px;padding:15px;transition:all .4s ease-in-out;display:flex}.weatherIcon{font-size:50px}.temps{justify-content:center;align-items:center;gap:10px;width:100%;font-size:19px;font-weight:700;display:flex}.temps span{color:gray;font-weight:400}.date{font-size:20px}.SelectedDailyWeatherItem{text-align:center;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;gap:10px;width:13%;height:250px;padding:15px;transition:all .4s ease-in-out;display:flex;transform:scale(1.05);box-shadow:3px 1px 20px 1px}.selected{width:100%}.selectedTable{border-collapse:separate;border-spacing:0;text-align:center;width:100%;height:250px}td{background:#cae6ff;border:1px solid #000;width:6%;padding:13px 10px;font-size:18px;transition:all .3s ease-in-out}.currentWeather{background:#cae6ff;font-size:30px}.selected{border:1px solid;border-radius:15px;overflow:hidden}.firstTd{color:#e2e2e2;background:#67ade2;width:7%;font-size:18px;font-weight:700}td:hover{z-index:1;position:relative;transform:scale(1.15);box-shadow:2px 2px 2px 2px #fff}.timeTd{color:#e2e2e2;background:#67ade2}.currentNightWeather{background:linear-gradient();background:#319fff;font-size:30px}.selectedTable{display:table}.mobileHours{display:none}@media screen and (width<=768px){.selectedTable{display:none}.mobileHours{height:auto;display:block}.hourRow{border-bottom:1px solid #000;grid-template-columns:70px 50px 1fr 1fr 1.5fr;display:grid}.hourRow:last-child{border-bottom:none}.hourTime{color:#e2e2e2;text-align:center;background:#67ade2;border-right:1px solid #000;justify-content:center;align-items:center;padding:8px;font-size:14px;font-weight:700;display:flex}.hourCell{text-align:center;word-break:break-word;background:#cae6ff;border-left:1px solid #000;justify-content:center;align-items:center;padding:6px 4px;font-size:14px;display:flex}.dailyWeather{flex-direction:column;width:100%;height:auto}.days{flex-direction:column;gap:20px;width:100%;display:flex}.dailyWeatherItem,.SelectedDailyWeatherItem{width:100%;height:auto;padding:15px}.selected{flex-wrap:wrap;width:100%;height:auto}.days .weatherIcon{font-size:50px}.currentWeather,.currentNightWeather{border-left:1px solid}}