html{width:100%;height:100%}body{background-color:#121211;width:100%;height:100%;margin:0}.title{color:#fff;font-family:"Spartan",sans-serif}.icon{cursor:pointer;fill:#d9d9d9;transition:fill .5s ease}.icon:hover{fill:#fff}.invisible{display:none !important}@keyframes loading{100%{transform:translateX(350%)}}.card{background-color:#262626;border-radius:11px;margin:auto;width:40vw}.card .empty-container{color:#d9d9d9;font-family:"Open Sans",sans-serif;margin:3rem;text-align:center}.card .input-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:2rem}.card .input-container input{color:#d9d9d9;font-family:"Open Sans",sans-serif;font-size:1.5rem;width:90%;background-color:#262626;border:none;border-bottom:2px solid #333;transition:border .5s ease}.card .input-container input:focus{outline:none;border-bottom:2px solid #4d4d4d}.card .input-container .unit-container{display:flex;flex-direction:row;margin-left:1rem;justify-content:space-between}.card .input-container .unit-container input{display:none}.card .input-container .unit-container .unit-toggle{padding:0 .5rem;cursor:pointer;color:#8c8c8c;font-family:"Spartan",sans-serif;border-bottom:1px solid #333;transition:color,border 1s ease}.card .input-container .unit-container .unit-toggle.selected{color:#d9d9d9;border-bottom:1px solid #8c8c8c}.card .weather-container{display:flex;flex-direction:row;font-family:"Spartan",sans-serif;color:#d9d9d9;width:100%}.card .weather-container .right-container,.card .weather-container .left-container{display:flex;flex-direction:column;margin:1rem 1rem 2rem;justify-content:space-between;align-items:center}.card .weather-container .right-container .top-row,.card .weather-container .left-container .top-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.card .weather-container .right-container #temp,.card .weather-container .left-container #temp{font-size:5rem;color:#fff}.card .weather-container .right-container #temp:empty,.card .weather-container .left-container #temp:empty{background-size:100% 100%;background-repeat:no-repeat;background-image:linear-gradient(#4d4d4d 100%, transparent 0);overflow:hidden;width:227px;height:95px}.card .weather-container .right-container #temp:empty::before,.card .weather-container .left-container #temp:empty::before{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(to right, transparent 0%, rgba(140, 140, 140, 0.8) 50%, transparent 100%);transform:translateX(-100%);animation:loading 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1)}.card .weather-container .right-container #location:empty,.card .weather-container .left-container #location:empty{background-size:100% 100%;background-repeat:no-repeat;background-image:linear-gradient(#4d4d4d 100%, transparent 0);overflow:hidden;width:190px;height:30px}.card .weather-container .right-container #location:empty::before,.card .weather-container .left-container #location:empty::before{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(to right, transparent 0%, rgba(140, 140, 140, 0.8) 50%, transparent 100%);transform:translateX(-100%);animation:loading 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1)}.card .weather-container .right-container #description:empty,.card .weather-container .left-container #description:empty{background-size:100% 100%;background-repeat:no-repeat;background-image:linear-gradient(#4d4d4d 100%, transparent 0);overflow:hidden;width:80px;height:22px}.card .weather-container .right-container #description:empty::before,.card .weather-container .left-container #description:empty::before{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(to right, transparent 0%, rgba(140, 140, 140, 0.8) 50%, transparent 100%);transform:translateX(-100%);animation:loading 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1)}.card .weather-container .right-container{width:40%;color:#8c8c8c;border-left:2px solid #4d4d4d;justify-content:space-around}.card .weather-container .right-container #pressure:empty,.card .weather-container .right-container #humidity:empty,.card .weather-container .right-container #clouds:empty,.card .weather-container .right-container #feels:empty{background-size:100% 100%;background-repeat:no-repeat;background-image:linear-gradient(#4d4d4d 100%, transparent 0);overflow:hidden;width:160px;height:20px}.card .weather-container .right-container #pressure:empty::before,.card .weather-container .right-container #humidity:empty::before,.card .weather-container .right-container #clouds:empty::before,.card .weather-container .right-container #feels:empty::before{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(to right, transparent 0%, rgba(140, 140, 140, 0.8) 50%, transparent 100%);transform:translateX(-100%);animation:loading 1.5s infinite cubic-bezier(0.4, 0, 0.2, 1)}.card .weather-container .left-container{width:60%}.card .weather-container h1,.card .weather-container h2,.card .weather-container h3,.card .weather-container h4,.card .weather-container p{margin-bottom:.05rem}@media only screen and (max-width: 1200px){.card{width:80vw}.card .weather-container{flex-direction:column}.card .weather-container .right-container,.card .weather-container .left-container{margin:1rem auto 2rem}.card .weather-container .right-container{width:80%;flex-direction:row;border:none;border-top:2px solid #4d4d4d}}@media only screen and (max-width: 900px){.card .weather-container .right-container{flex-direction:column}}@keyframes loading{100%{transform:translateX(350%)}}html{width:100%;height:100%}body{background-color:#121211;width:100%;height:100%;margin:0}.title{color:#fff;font-family:"Spartan",sans-serif}.icon{cursor:pointer;fill:#d9d9d9;transition:fill .5s ease}.icon:hover{fill:#fff}.invisible{display:none !important}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}/*# sourceMappingURL=stylesheet.css.map */