@import url(https://fonts.googleapis.com/css?family=Product+Sans|Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Product Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Product Sans,sans-serif}input:focus{outline:none}.morning{background:url(/static/media/01-Morning.67451d761994522aef0e.webp);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.day{background:url(/static/media/02-Day.40a3f659776df0b843ce.webp);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.sunset{background:url(/static/media/03-Sunset.0d86f62c63b26e4de187.webp);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.night{background:url(/static/media/04-Night.6ab30f6e571b8de622fb.webp);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.error{background:url(/static/media/404.0f73644aefcce37ed051.webp);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.searchBar{background:#1a1617;display:inline;display:initial;height:120px;position:fixed;top:0;width:100%;z-index:1}.searchBar:focus{opacity:none}.logo{align-self:center}.locationIcon{transition:.3s ease-out}.locationIcon:hover{-webkit-transform:scale(1.3) rotate(180deg);transform:scale(1.3) rotate(180deg)}.locationText{align-items:center;color:#fff;display:flex;font-size:16px;font-style:normal;font-weight:400}.inputContainer{border:none;display:flex;height:64px;width:100%}.inputContainer:focus{opacity:none}.inputField{background-color:#313131;border:none;border-radius:50px;color:#fff;font-size:16px;font-style:normal;font-weight:400;padding-left:5%;width:500px}.inputField:focus{opacity:none}.searchIcon{margin-left:-65px;position:relative;-webkit-transform:scale(.8);transform:scale(.8);transition:.3s ease-out}.searchIcon:hover{-webkit-transform:scale(.95);transform:scale(.95)}::-webkit-input-placeholder{color:#cccbcb;font-size:16px;font-style:normal;font-weight:400}:-ms-input-placeholder{color:#cccbcb;font-size:16px;font-style:normal;font-weight:400}::placeholder{color:#cccbcb;font-size:16px;font-style:normal;font-weight:400}.dialogContainer{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:linear-gradient(180deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.564));border-radius:20px;padding:30px}.dialogTitle{display:block;font-size:13px;padding:20px}.dialogList,.dialogTitle{color:#fff;font-family:Product Sans,sans-serif;font-style:normal;font-weight:700;letter-spacing:.1em}.dialogList{font-size:16px;width:250px}.chevron{align-self:center;border-radius:1px;color:#ffa900;padding-left:30px}.creditsContainer{align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:linear-gradient(180deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.564));border-radius:20px}.creditsTitle{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px}.creditsInfo{color:#e7e7e7;letter-spacing:.5px}@media only screen and (max-width:600px){.logo{padding-left:5px;-webkit-transform:scale(.7);transform:scale(.7)}.searchBar{height:72px}.inputContainer{height:48px;padding-right:15px}.inputField{font-size:14px;padding-left:8%;width:228px}.searchIcon{margin-left:-50px;-webkit-transform:scale(.8);transform:scale(.8)}::-webkit-input-placeholder{font-size:14px}:-ms-input-placeholder{font-size:14px}::placeholder{font-size:14px}.locationIcon{transition:none}.locationIcon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}}@media only screen and (max-width:958px){.locationIcon{margin-top:5px;padding-left:5px;padding-right:15px;-webkit-transform:scale(1.2);transform:scale(1.2);transition:none}.locationIcon:hover{-webkit-transform:scale(1.2) rotate(0deg);transform:scale(1.2) rotate(0deg)}}.weatherCardContainer{background:none}.cardContainer{align-items:center;display:flex;height:86vh;margin-top:120px}.Card{align-content:center;-webkit-animation:growCard .5s;animation:growCard .5s;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:linear-gradient(180deg,rgba(78,78,78,.25),rgba(26,22,23,.47));border-radius:30px;display:flex;padding:50px}@-webkit-keyframes growCard{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes growCard{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:600px){.weatherCardContainer{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:linear-gradient(180deg,rgba(78,78,78,.25),rgba(26,22,23,.47))}.cardContainer{display:unset}.Card{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;margin-top:50px;row-gap:40px}}.cityTitle{color:#fff;font-size:22px;font-style:normal;font-weight:700}.dayInfo{color:#e7e7e7;font-size:18px;font-style:normal;font-weight:400}.temperature{color:#fff;font-size:120px;font-style:normal;font-weight:700}.main-icon{height:40px;width:40px}.main-weather-info{color:#e7e7e7;letter-spacing:.02em}.details-title,.main-weather-info{font-size:18px;font-style:normal;font-weight:400}.details-title{color:#fff}.details-container{background:#1a1617;border-radius:12px;padding:13px 20px;transition:.3s ease-out}.details-container:hover{-webkit-transform:translateX(3px);transform:translateX(3px)}.details-subtitle{color:#ffa900;font-size:15px}.details-info,.details-subtitle{font-style:normal;font-weight:400}.details-info{color:#b5b5b5;font-size:16px;height:21px;left:28px;top:38px;width:30px}.forecast-container{background:#1a1617;border-radius:16px;padding:10px;transition:.3s ease-out}.forecast-container:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.forecast-day{color:#ffa900;font-size:13px;font-style:normal;font-weight:300}.forecast-maxTemp{color:#fff;font-size:17px;font-style:normal;font-weight:400}.forecast-minTemp{color:#b5b5b5;font-size:13px;font-style:normal;font-weight:400}.forecast-weatherIcon{height:40px;left:559px;top:602px;width:40px}.forecast-precipitationIcon{height:12px;left:17px;top:136px;width:12px}.forecast-precipitation{color:#b5b5b5;font-size:13px;font-style:normal;font-weight:400}.errorContainer{align-items:center;display:flex;height:100vh;justify-content:center}.errorContent{display:flex;padding-top:5%;width:73%}.errorData{align-content:flex-start;display:flex}.errorTitle{color:#fff;font-size:70px;font-weight:700}.errorSubtitle,.errorTitle{font-family:Product Sans,sans-serif;font-style:normal;letter-spacing:.02em}.errorSubtitle{color:#e7e7e7;font-size:24px;font-weight:400;width:280px}.errorButton{background:#1a1617;border:none;border-radius:40px;color:#ffa900;cursor:pointer;display:block;font-family:Product Sans,sans-serif;font-size:24px;font-style:normal;font-weight:700;height:54px;letter-spacing:.15px;transition:.3s ease-in-out;width:230px}.errorButton:hover{-webkit-animation:shake .5s ease-out forwards;animation:shake .5s ease-out forwards;background:#ffa900;color:#fff}@-webkit-keyframes shake{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}20%,60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}40%,80%{-webkit-transform:translateY(2px);transform:translateY(2px)}}@keyframes shake{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}20%,60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}40%,80%{-webkit-transform:translateY(2px);transform:translateY(2px)}}@media only screen and (max-width:820px){.errorContainer{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:linear-gradient(180deg,rgba(78,78,78,.25),rgba(26,22,23,.47))}.errorData{align-content:center}.errorTitle{font-size:36px}.errorSubtitle,.errorTitle{align-self:center;width:200px}.errorSubtitle{font-size:18px}.btnContainer{align-self:center;padding-top:124px}.errorButton{font-size:16px;height:40px;width:200px}}
/*# sourceMappingURL=main.17462e85.css.map*/