*{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;color:azure}h1{font-weight:300;font-size:42px}h2{font-weight:550;font-size:32px;color:#ff00bf}h3{font-weight:300}h4{font-weight:400}h5{font-weight:200;color:#dbdbdb}b{font-weight:700;color:#ff6dd1}.background{height:100vh;background:#00ffcf;background:linear-gradient(128deg,#00ffcf 33%,#004bff 83%,#7100ff);display:flex;flex-direction:column;align-items:center;justify-content:center}.box{padding:30px;box-shadow:4px 5px 22px 6px #001a3580;border-radius:24px;background:#2d6bff;background:linear-gradient(340deg,#2d6bff,#00b7ff);display:flex;flex-direction:column;gap:15px}.section{display:flex;flex-direction:column;gap:10px}.search{margin-bottom:20px;align-items:center}.search-item{height:40px;text-align:center;border-radius:18px;border:none}.search-input{background-color:#d2f5fb;font-size:24px;color:#00151d;box-shadow:4px 5px 22px 6px #0d82c580 inset}.search-select{background-color:#d2f5fb;height:30px;font-size:16px;color:#00151d;box-shadow:4px 5px 22px 6px #0d82c580 inset}.select-value{color:#00151d;font-weight:550}.select-value-null{color:#86a5ce}.select-value_default{color:#a9a9a9;font-size:300}.select-value_default_with-contry{color:#577681;font-size:500}.select-value_none{color:#00151d;font-size:500}.search-button{background-color:#7cfc00;width:150px;font-weight:600;font-size:24px;color:#006400;box-shadow:4px 5px 35px 6px #0000004f inset}.search-button:hover{box-shadow:none}.search-button:active{background-color:#dc143c;color:#8b0000}.weather{box-shadow:4px 5px 22px 6px #001a3580;background:#00ffd8;background:linear-gradient(144deg,#00ffd8 14%,#09f);border-radius:24px;padding:15px;overflow-y:auto;height:50vh}.weather::-webkit-scrollbar{width:5px}.weather::-webkit-scrollbar-track{background:transparent;margin-top:30px;margin-bottom:30px}.weather::-webkit-scrollbar-thumb{background-color:#09f;border-radius:10px}.weather::-webkit-scrollbar-thumb:hover{background-color:#9a34ff}.weather-items{border-bottom:1px solid rgb(154,52,255);display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:15px;gap:10px}.weather-parameters{display:flex;flex-wrap:wrap;gap:10px;max-width:350px}.weather-textbox{display:flex;flex-direction:column;justify-content:center;flex-wrap:nowrap;gap:5px}.textbox{padding:15px;max-width:190px;border-radius:24px;background:#6800ff;background:linear-gradient(144deg,#6800ff 14%,#ed00ff)}.textbox_small{display:flex;justify-content:center;align-items:center;height:20px;gap:7px}.weather-image{margin-right:50px;width:100px}.days{display:flex;justify-content:center;gap:35px;margin-top:15px;margin-bottom:20px}.day-temp{padding-bottom:10px;font-size:22px}.day-box{display:flex;flex-direction:column;align-items:center;gap:1px}.day-image{display:flex;justify-content:center;margin-bottom:9px}.error-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}@media (max-width: 600px){.background{padding:0;height:auto}.box{width:100%;height:100%;border-radius:0;padding-top:50px;padding-bottom:100px}.weather{border-radius:0;overflow-y:hidden;height:100%}.weather-image{margin-right:35px;display:flex;justify-content:center}.weather-items{flex-wrap:nowrap}.weather-parameters{max-width:60%}.days{gap:20px}}@media (max-width: 500px){.weather-items{flex-direction:column-reverse;align-content:center;flex-wrap:wrap}.weather-textbox{align-items:center;max-width:100%}.weather-image{width:100%;margin-right:0}.weather-parameters{max-width:100%}.day-temp{font-size:18px}.days{gap:10px}}