@media only screen and (max-width:600px){#weather{width:90vw!important}.weather-info{margin-left:-20px!important}.dropdown-input-container input{width:80vw}}@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap";*{transition:.5s;animation:fadeIn .25s linear}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body,html{margin:0;padding:0;background-color:#080b0b}main{display:flex;flex-direction:column;align-items:center}header{background-color:#181c1c;color:#d8e3d8;font-family:Nunito Sans,sans-serif;width:100%}header,header .header-left{display:flex;flex-direction:row}header .header-left{margin-left:25px;justify-content:center;align-items:center}header .header-left h1{display:flex;flex-direction:row;justify-content:center;align-items:center;font-weight:1000}header .header-left h1 span{font-weight:100;font-size:20px;border-left:thin solid #d8e3d8;margin-left:10px;padding-left:7px;opacity:50%}#search-bar-wrapper{width:100%;color:#d8e3d8}.dropdown-input-container{display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:Nunito Sans,sans-serif;margin-top:30px;margin-bottom:30px;width:100vw}.dropdown-input-container input{border-radius:0 25px 25px 0;border:none;outline:none;height:60px;padding:0;background-color:#181c1c;color:#d8e3d8;font-family:Nunito Sans,sans-serif;min-width:65vw}.dropdown-input-container .go-btn{background-color:#181c1c;border-radius:25px 0 0 25px;height:60px;min-width:60px;font-weight:800;cursor:pointer;border:none;color:#d8e3d8}#weather-container,.dropdown-input-container .go-btn{display:flex;justify-content:center;align-items:center}#weather-container{width:100vw}#weather-container #weather{border-radius:5px 5px 5px 5px;background-color:#181c1c;width:70vw;color:#d8e3d8;padding:5px;font-family:Nunito Sans,sans-serif;display:flex;flex-direction:column}#weather-container #weather .location{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:30px;padding-right:30px}#weather-container #weather .location h1 .location-sub{font-size:15px;font-weight:100;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}#weather-container #weather .weather-info{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:-50px}#weather-container #weather .weather-info img{min-width:100px;margin-left:-25px}#weather-container #weather .weather-info .current-weather-info{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-25px}#weather-container #weather .weather-info .current-weather-info .temp{font-size:65px;display:flex}#weather-container #weather .weather-info .current-weather-info .temp .unit-switcher{font-weight:100;font-size:15px;height:100%;margin-top:16px}#weather-container #weather .weather-info .current-weather-info .temp .unit-switcher .unit-divider{opacity:50%}#weather-container #weather .weather-info .current-weather-info .temp .unit-switcher .unit{opacity:50%;cursor:pointer}#weather-container #weather .weather-info .current-weather-info .temp .unit-switcher .unit:hover{opacity:75%}#weather-container #weather .weather-info .current-weather-info .temp .unit-switcher .active-unit{cursor:pointer}#weather-container #weather .weather-info .current-weather-info .other-info{font-size:12px;display:flex;flex-direction:column;justify-content:flex-start;opacity:50%;border-left:thin solid #d8e3d8;margin-left:10px;padding-left:10px;height:100%}#weather-container #weather .weather-info .current-weather-info .other-info p{font-weight:400;margin:0 0 2.5px}#weather-container #weather #description{text-align:center;margin-top:-60px;font-weight:200}#weather-container #weather .date-picker-wrapper{display:flex;justify-content:center;align-items:center;padding-bottom:25px}#weather-container #weather .date-picker-wrapper .date-picker{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:scroll}#weather-container #weather .date-picker-wrapper .date-picker .day{background-color:#181c1c;margin:0 5px;padding:8px;border-radius:5px;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:100px;cursor:pointer}#weather-container #weather .date-picker-wrapper .date-picker .day .weekday{font-size:15px}#weather-container #weather .date-picker-wrapper .date-picker .day img{width:80px;margin-top:-25px;margin-bottom:-25px}#weather-container #weather .date-picker-wrapper .date-picker .day .high-low{display:flex;flex-direction:row}#weather-container #weather .date-picker-wrapper .date-picker .day .high-low .high{margin-right:2.5px}#weather-container #weather .date-picker-wrapper .date-picker .day .high-low .low{opacity:50%;margin-left:2.5px}#weather-container #weather .date-picker-wrapper .date-picker .day-active{background-color:#0f1313}.spinner{width:50px;height:50px;border:5px solid #d8e3d8;border-top-color:#181c1c;border-radius:50%;animation:spin 1.5s linear infinite;margin-top:15px;margin-bottom:15px;opacity:65%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#weather-loading{border-radius:5px 5px 5px 5px;background-color:#181c1c;width:70vw;color:#d8e3d8;padding:5px;font-family:Nunito Sans,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}