body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-primary:silver}body{font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}li{list-style:none}.py-1{padding:10px 0}.py-2{padding:20px 0}.py-3{padding:30px 0}.py-4{padding:40px 0}.social-container{position:absolute;top:0;left:0;z-index:3}.social-container .social-link{width:3rem;height:3rem;margin-left:.5rem}.social-container .social-link .icon-social{font-size:1.8rem;color:#111;margin-top:.5rem;transition:color .5s}.social-container .social-link .icon-social:hover{color:#fff}.container{position:relative;height:100vh;margin:auto;overflow:hidden}.left-info{display:flex;position:absolute;left:0;bottom:0;margin-bottom:3rem;margin-left:3rem;color:#fff;text-shadow:1px 1px 3px #999;justify-content:center;align-items:center}.left-info h1{font-size:6rem;font-weight:300}.left-info .location-info{text-align:center;padding:0 10px}.left-info .location-info h3{font-size:2.7rem;font-weight:600}.left-info .location-info p{font-size:1.3rem}.left-info .weather-status{text-align:center;padding:0 20px;margin-top:10px}.left-info .weather-status .weather-icon{font-size:2.2rem}.left-info .weather-status p{font-size:1.2rem;margin-top:4px;padding:3px 0}.sidebar .white{color:#fff}.sidebar .spacer{width:100%;margin:10px auto;height:.1px;background:silver;background:var(--sidebar-primary)}.spacer:last-child{margin-bottom:20px}.sidebar:before{content:"";position:absolute;top:0;left:0;background-color:#1a1a1a;width:100%;height:100%;opacity:.45;z-index:-1}.sidebar{background-color:transparent;width:40vw;height:100vh;max-width:400px;position:absolute;right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;padding:0 50px;color:silver;color:var(--sidebar-primary)}.sidebar-container{height:100vh;flex-direction:column;align-items:space-between}.sidebar #sidebar-form,.sidebar-container{display:flex;justify-content:space-between}.sidebar #sidebar-form{margin-top:30px}.sidebar #sidebar-form input{background:none;color:silver;color:var(--sidebar-primary);border:none;font-size:1rem;outline:none}.sidebar #sidebar-form input::-webkit-input-placeholder{color:silver;color:var(--sidebar-primary);opacity:.8;font-size:1rem}.sidebar #sidebar-form input:-ms-input-placeholder{color:silver;color:var(--sidebar-primary);opacity:.8;font-size:1rem}.sidebar #sidebar-form input::placeholder{color:silver;color:var(--sidebar-primary);opacity:.8;font-size:1rem}.sidebar #sidebar-form button{border-radius:50%;width:2.2rem;height:2rem;background:none;border:none}.sidebar #sidebar-form .location-icon{background:transparent;border:none;color:silver;color:var(--sidebar-primary);transition:color .5s}.sidebar #sidebar-form .location-icon:hover{color:#fff}.sidebar h4{padding:10px 0}.sidebar ul li .city{background-color:transparent;color:silver;color:var(--sidebar-primary);border-radius:5px;font-size:1rem;border:none;outline:none;transition:color .5s}.sidebar ul li button:hover{color:#fff}.sidebar .status-list .country{margin-right:9px;color:#87ceeb;padding:3px;border:1px solid #fff}.sidebar .status-list .humidity{margin-right:5px}.sidebar .status-list .feels-like{margin-right:8px}.sidebar ul li{display:flex;justify-content:space-between;padding:15px 0}@media (max-width:930px){.left-info{flex-direction:column;height:100vh;width:60vw;margin:auto}.left-info h1{font-size:5rem}}@media (max-width:650px){body{background:url(https://images.pexels.com/photos/1631678/pexels-photo-1631678.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260) no-repeat 50%/cover}.left-info{width:100%;position:absolute;bottom:5%;text-shadow:1px 1px 1px #888}.left-info h1{font-size:4rem}.left-info .location-info{padding:20px}.left-info .location-info h3{font-size:2rem}.left-info .location-info p{font-size:1.1rem}.left-info p{font-size:.8rem}.sidebar .cities,.sidebar .spacer,.sidebar .weather-details,.sidebar:before{display:none}.sidebar{width:100vw;max-width:650px;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.sidebar .status-list{margin-bottom:3.5rem;color:#fff;padding:0 15px}.sidebar .status-list .country{margin-right:10px;color:#fff;border:1px solid #fff}.sidebar #sidebar-form{background-color:rgba(0,0,0,.15);border-radius:20px;padding:10px 15px;margin-top:5rem;color:#fff}.sidebar #sidebar-form .location-icon{color:#fff}.sidebar #sidebar-form input::-webkit-input-placeholder{color:#fff}.sidebar #sidebar-form input:-ms-input-placeholder{color:#fff}.sidebar #sidebar-form input,.sidebar #sidebar-form input::placeholder{color:#fff}.sidebar .status-list{text-shadow:1px 1px 5px #333}}@media (max-height:550px){.sidebar ul li{padding:5px 0}.sidebar .spacer{margin:2px auto}.sidebar .spacer:last-child{margin-bottom:10px}.sidebar #sidebar-form{margin-top:8px}.sidebar h4{padding:4px 0;margin:0}}@media (min-height:720px){#sidebar .sidebar-container h4{font-size:4rem}.sidebar .spacer{height:2px}}
/*# sourceMappingURL=main.160aa887.chunk.css.map */