*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0}body,html{background:none;color:inherit;font-size:100%;height:100%;line-height:1;width:100%}body,button,input,select,textarea{background:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}h1,h2,h3,h4,h5,h6,p{font-weight:400}a{color:inherit;text-decoration:none}ol,ul{list-style:none}canvas,img,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-shadow:none;outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{background:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}hr{border:0;height:0}.container{margin:0 auto;outline:1px solid red;padding:0 15px;@media screen and (min-width:293px){width:293px}@media screen and (min-width:634px){width:634px}@media screen and (min-width:1200px){width:1200px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-container{align-items:center;display:flex;flex-direction:row}.Header-logo{height:56px;margin-right:111px;width:82px}.Header-list{display:flex;flex-direction:row;gap:42px}.Header-page-button,.Header-sign-up-button{font-family:Montserrat Alternates;font-size:12px;font-style:Medium;font-weight:500;white-space:nowrap}.Header-sign-up-button{background-color:#ffb36c;border-radius:10px;height:35px;margin-left:auto;padding:10px 20px;width:89px}.Header-user-image{margin-left:29px}.hero{background-image:linear-gradient(#00000080,#00000080),url(/weather-dashboard/static/media/hero-background.b4015738e85a0455586b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:100px;padding-top:100px;width:100%}.hero-title{color:#fff;font-family:Montserrat,sans-serif;font-size:40px;font-style:SemiBold;font-weight:600;margin-bottom:80px;margin-left:auto;margin-right:auto;width:405px}.hero-list{display:flex;flex-direction:row;gap:20px;margin-left:173px}.hero-list li{align-items:center;display:flex;max-height:87px;max-width:370px}.hero-list li:last-child{align-items:center;display:flex;margin-bottom:50px;max-width:164px}.hero-list li:not(:last-child):after{background:#fff;content:"";display:block;height:144px;margin-left:20px;margin-top:50px;width:7px}.hero-item{color:#fff;font-family:Montserrat,sans-serif;font-size:24px;font-weight:500}.hero-item:first-child{text-align:end}.hero-input-list{display:flex;flex-direction:row;margin-left:auto;margin-right:auto;margin-top:80px;position:relative;width:625px}.hero-input-list li{display:flex}.hero-input{background-color:#d9d9d9;border:1px solid #000;border-radius:10px 0 0 10px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;height:42px;outline:none;padding:0 10px;position:relative;width:580px;z-index:1}.hero-input-button{background-color:#ffb36c;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGjSURBVHgBtVU9S8RAEH1RETm4VoSTE3+BlaAWFv4GWwtbSy09sFYQGwUtbATRxsL2sBTsxEpLBQULK7HwQHNxxmzIZG8uu9njHjyS7M73zk4AHRFxlLhP/CB2iYnhJ/FQyAVhhHhrGdbI+3fEMZfBSPmOxXpinm/EV+IUcdbSZfk68RseYKVfEWmHOAO9JJPEHxSzcmYE5OXh5ynSsrmC2rP0Ss9oS0TVRnroPmC5S6G7UyYci2hcGdiIUGySnmzYYE1sHBiFKmDD2+K9oQmtiyjqCMOEsNGyNzmTefH9hTB0xPui5sSr9QYBO3kS3zUMjgdtcRp5d2wiDGvIz2ROE4hQvLlVWxiWvtrCvHkkHO7Cf7qyXAv5jDsX76pwdiF5fm3Afes5wFWhF3vo/A9D6ejaKGmTmnkl5JkLKMlAYoV4Y62/E8+Iz8Qm0kNuoPfssknct1y248SDXZNJNoqyClT6Wy4j/VFpDji7JZMNl/TEclSpQ2VU433WYYxeCEcxwq6CE2y0jTxbr24LdXSP4rkNxRGX8kU4OsaQwI4ekWbS/AMX6432o4II0QAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;border:1px solid #000;border-bottom-right-radius:10px;border-left-width:2px;border-top-right-radius:10px;cursor:pointer;height:42px;width:45px}.suggestions{background:#fff;border:1px solid #ccc;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 4px 8px #00000026;left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0;position:absolute;top:42px;width:580px;z-index:1000}.suggestions li{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:14px;justify-content:space-between;padding:10px 15px}.suggestions li:last-child{border-bottom:none}.suggestions li:hover{background-color:#f5f5f5}.weather-list{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);list-style:none;padding:0}.weather-item,.weather-item-invalid{align-items:center;background:#ececec;border:1px solid #000;border-radius:25px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:12px;height:430px;padding:20px;position:relative;text-align:center;width:250px}.weather-item-invalid{background:#f8d7da;border-color:#f5c2c7}.weather-header{display:flex;font-size:14px;font-weight:500;justify-content:space-between;width:100%}.like-wrapper{display:flex;justify-content:flex-end;margin:8px 0;width:100%}.time-date{align-items:center;color:#333;display:flex;font-size:12px;gap:8px;justify-content:center;width:100%}.weather-icon{font-size:48px;margin:12px 0}.weather-temp{font-size:32px;font-weight:600}.weather-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:auto;width:100%}.more-btn{border-radius:12px;font-size:12px;padding:6px 16px}.pieces-container{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.piece{animation:fadeOut .8s forwards;background:#d1d1d1;border-radius:4px;height:100%;width:100%}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.weather-param{padding:40px 0}.param-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.param-card{background:#e0e0e0;border-radius:12px;font-weight:500;padding:20px;text-align:center}.forecast-tabs{display:flex;gap:10px;margin-bottom:20px}.forecast-tabs button{background:#d9d9d9;border:none;border-radius:20px;cursor:pointer;padding:8px 16px}.forecast-tabs button.active{background:#ffb36c;color:#fff}.forecast-btn{border-radius:10px;color:#fff;padding:6px 12px}.more-btn{background:#ffb36c;border:none;border-radius:20px;cursor:pointer;margin-left:5px;padding:8px 20px;transition:.2s}.more-btn:hover{background:#ffa54d}.more-btn.active{background:#ff8c4c}.forecast-btn{background:#ffb36c;border:none;border-radius:20px;cursor:pointer;margin-left:5px;padding:8px 20px}.forecast-btn.active{background:#ffa54d}.forecast-mode-btn{background:#ffb36c;border:none;border-radius:20px;cursor:pointer;margin-right:10px;padding:8px 20px}.forecast-mode-btn.active{background:#ffa54d}.pets-section{display:flex;flex-direction:column;@media screen and (max-width:1200px){display:none}}.pets-title{color:#000;font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;line-height:100%;margin-bottom:40px;text-align:center}.pets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-items:center;margin-bottom:20px}.pet-card{align-items:center;display:flex;flex-direction:column;text-align:center;width:270px}.pet-image{border-radius:10px;height:208px;object-fit:cover;width:270px}.pet-news{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;line-height:100%;margin-top:10px}.pets-btn{background-color:#ffb36c;border:none;border-radius:10px;color:#000;cursor:pointer;display:block;height:40px;margin:20px auto 0;padding:10px 30px;width:138px}.nature{position:relative}.nature-title{font-family:Montserrat;font-size:20px;font-weight:500;left:0;line-height:100%;position:absolute;top:0}.nature-slider{align-items:center;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;width:100%}.nature-slider img{border-radius:12px;height:280px;left:50%;object-fit:cover;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.6);transition:transform .6s ease,opacity .6s ease;width:500px}.slide.active{opacity:1;transform:translate(-50%,-50%) scale(1);z-index:5}.slide.prev{opacity:.8;transform:translate(calc(-50% - 240px),-50%) scale(.75);z-index:4}.slide.next{opacity:.8;transform:translate(calc(-50% + 240px),-50%) scale(.75);z-index:4}.slide.prev2{transform:translate(calc(-50% - 420px),-50%) scale(.6)}.slide.next2,.slide.prev2{opacity:.5;pointer-events:none;z-index:2}.slide.next2{transform:translate(calc(-50% + 420px),-50%) scale(.6)}.slide.other{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5);z-index:1}.modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#fff;border-radius:8px;padding:2rem;position:relative;width:300px}.close-btn{background:#0000;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:.5rem;top:.5rem}input{display:block;margin-bottom:1rem;padding:.5rem;width:100%}button[type=submit]{cursor:pointer;padding:.5rem;width:100%}.footer{background-color:#ffb36c;color:#fff;padding:30px 0;text-align:center}.footer .socials span{cursor:pointer;margin:0 10px}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,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.80aff0b1.css.map*/