#app{background:#f5f5f5;height:100vh}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.error{border:1px solid red}@-webkit-keyframes ldio-ybhkyq8l2f{0%{top:120px;left:120px;width:0;height:0;opacity:1}to{top:22.5px;left:22.5px;width:195px;height:195px;opacity:0}}@keyframes ldio-ybhkyq8l2f{0%{top:120px;left:120px;width:0;height:0;opacity:1}to{top:22.5px;left:22.5px;width:195px;height:195px;opacity:0}}.ldio-ybhkyq8l2f div{position:absolute;border-width:5px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:ldio-ybhkyq8l2f 2s cubic-bezier(0,.2,.8,1) infinite;animation:ldio-ybhkyq8l2f 2s cubic-bezier(0,.2,.8,1) infinite}.ldio-ybhkyq8l2f div:first-child{border-color:#222}.ldio-ybhkyq8l2f div:nth-child(2){border-color:#00d8ff;-webkit-animation-delay:-1s;animation-delay:-1s}.loadingio-spinner-ripple-y5lbjcle5n9{width:250px;height:250px;display:inline-block;overflow:hidden;background:none}.ldio-ybhkyq8l2f{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0}.ldio-ybhkyq8l2f div{box-sizing:content-box}.weather{color:#fff;height:100%;background:#fff}.loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.tone{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.2);text-align:center}.weather-temp:after{content:"°";position:absolute;font-weight:300}h2{font-weight:600;font-size:42px}h1,h4{font-weight:300}h4{font-size:26px}