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}*{box-sizing:border-box;margin:0;padding:0}body{background:#111}.App{margin:20px auto;max-width:480px}.App-inner{background:#fff;border-radius:20px;overflow:hidden;width:100%}.App-inner,.main{position:relative}.main{background:#06012a}.btn-search{background:none;border:none;border-radius:100%;cursor:pointer;display:none;height:50px;padding:10px;position:absolute;right:20px;top:20px;transition:all .2s linear;width:50px}.btn-search:hover{background:rgba(43,43,43,.352)}.btn-search img{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:100%}.btn-search-close img{-webkit-transform:none;transform:none}.temperature{background:#7ccfd8;color:#434343;font-size:50px;font-weight:700;padding:40px 20px}.location-info{align-items:stretch;display:flex;flex-wrap:wrap}.location-info .location{align-items:flex-start;background:#ccc;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.location .condition{font-size:24px}.location-title{font-size:14px;margin-top:5px;text-transform:uppercase}.location-info .icon{align-items:center;display:flex;padding:20px}.search-bar{left:0;margin-bottom:10px;max-width:480px;position:relative;right:0;transition:all .2s ease-in-out;z-index:2}.search-bar.active{top:0}.search-input{border:1px solid #ccc;border-radius:20px;display:block;font-size:20px;padding:20px;width:100%}.suggestions ul{background:#fff;border-radius:20px;list-style:none;margin-top:5px;max-height:60vh;overflow:auto;position:absolute;width:100%}.suggestions ul li button{background:none;border:none;cursor:pointer;display:block;font-size:15px;padding:15px 20px;text-align:left;width:100%}.suggestions ul li button:hover{background:#eee}