@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{font-family:Roboto Mono,serif;width:100%;height:100vh;display:flex;justify-content:center;background-color:#e7e7e7}#root{width:90%;height:100vh;display:flex;justify-content:center}.container_1{margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:20px;background-color:#e7e7e7;width:100%;padding:20px}input{height:45px;width:379px;border:black 2px solid;border-radius:5px;text-align:center;font-size:17px}button{height:45px;width:115px;background-color:#fff;color:#000;font-size:17px;border:2px solid black;cursor:pointer;border-radius:5px}.container_1_1{display:flex;justify-content:center;align-items:center;gap:20px;width:40%}.container_1_2{display:flex;width:100%;gap:20px}.container_1_2_1,.container_1_2_3{position:relative;display:flex;flex-direction:column;align-items:center;background-color:#fff;width:40%;border:2px solid black;border-radius:5px;padding:20px 0;gap:10px}.container_1_2_2{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border:solid black 2px;width:60%;border-radius:5px}.container_1_2_1_1{display:flex;width:100%;padding:10px}.Humidity,.Wind{display:flex;flex-direction:column;align-items:center;width:50%;gap:10px}.weatherIcon{width:150px;height:150px}.description{font-size:25px;font-weight:700}.HumidityText,.WindText{font-size:20px;font-weight:700}.HumidityValue,.WindValue{font-size:15px;font-weight:700}.description{font-size:20px;font-weight:700}.loadingScreen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#e7e7e7;position:absolute;top:-100%;transition:all ease-in-out 1s;z-index:1}.loadingScreen.active{top:0}.citynotfound{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#e7e7e7;position:absolute;top:-110%;transition:all ease-in-out 1s;z-index:2}.citynotfound.active{top:0}.loadingIcon{animation:loadingrotate 1s infinite}.HistoryTable{width:100%;border-collapse:collapse;text-align:center}td,th{border:1px solid black;padding:5px}.container_1_2_3_1{width:98%;max-height:290px;overflow-x:scroll;scrollbar-width:none;height:100%;display:flex;flex-direction:column;align-items:center;border:1px solid black;padding:0;margin:2%}.toggleButton{position:absolute;height:fit-content;width:35px;padding:7px;right:0;top:0;margin:6px;transition:.2s ease-in-out}.toggleButton.active{background-color:#e6e6e6}@keyframes loadingrotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 600px){#root{width:100%}input{width:100vh}.container_1_2,.container_1{flex-direction:column;align-items:center;width:100%}.container_1_1{padding:0 5px;width:100%}.container_1_2_1,.container_1_2_2,.container_1_2_3{width:100%}button{padding:12px}}