*{margin:0;padding:0;box-sizing:border-box}body{font-family:"montseratt",sans-serif}.app{object-fit:cover;width:100%;background-repeat:repeat-x;background-position:50%;background-color:#5a5656;transition:.4 ease-out}main{min-height:100vh;padding:25px;transition:all 2s ease-in-out}.clear-button{position:fixed;display:inline-block;width:50%;margin-left:-25%;background-color:#282828;box-shadow:0 5px rgba(0,0,0,.2);bottom:0;left:50%;text-align:center;color:grey;font-size:20px;border-radius:16px 16px 0 0;border:none;outline:inherit;transition:.4s ease}.clear-button:hover{background-color:hsla(0,0%,100%,.75);cursor:pointer}.search-box{width:100%;margin:0 0 25px}.search-box .search-bar{display:block;width:100%;padding:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:#131313;border-radius:0 0 16px 16px;margin-top:-25px;box-shadow:5px 5px 5px rgba(0,0,0,.2);color:#313131;font-size:20px;transition:.4s ease}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-box .location{color:#fff;font-size:32px;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date{color:#fff;font-size:20px;font-weight:300;font-style:italic;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.weather-box{text-align:center;transition:all 1s ease-in-out}.weather-box .temp{position:relative;display:inline-block;margin:30px auto;background-color:hsla(0,0%,100%,.2);padding:15px 25px;font-size:102px;font-weight:900;text-shadow:3px 3px rgba(50,50,70,.5);text-align:center;box-shadow:rgba(0,0,0,.2)}.weather-box .temp,.wrapper{border-radius:16px;transition:all 2s ease-in-out}.wrapper{background-color:rgba(82,82,82,.9);max-width:400px;min-width:300px;margin-left:auto;margin-right:auto}.weather-box .weather{color:#fff;font-size:48px;font-weight:700;text-shadow:3px 3px rgba(50,50,70 .5);transition:all 2s ease-in-out}.switch-unit{width:100%;margin-bottom:50px}.switch{float:right;width:100px;position:relative;width:40px;height:20px;background-color:#282828;border-radius:20px;transition:all .3s;color:grey}.switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;top:1px;left:1px;transition:all .3s;text-align:center;content:"F";transform:rotate(0deg)}.checkbox{display:none}.checkbox:checked+.switch:after{left:20px;content:"C";transform:rotate(1turn)}.checkbox:checked+.switch{background-color:#3e49da;transition:all .3s}.error{max-width:500px;margin:0 auto;color:#a52828}.error-message{text-align:center}
/*# sourceMappingURL=main.c86e1dee.chunk.css.map */