@import url(https://fonts.googleapis.com/css?family=Lato:300);@import url(https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.9/css/weather-icons.min.css);.background,body,html{width:100%;height:100%;margin:0;padding:0}html{background:#ffffff00}.background{/*background:#090909eb;*/background:#090909db;/*background:#222b37eb;*//*#222b370f*//*#222b377a*/pointer-events:none}@keyframes shine{0%{background-position:right}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;height:100%;width:100%;max-width:10000px;overflow:auto;position:relative;background:#ffffff00;pointer-events:none}#card{pointer-events:none;box-shadow:9px 7px 20px -6px rgba(0,0,0,.001);overflow:hidden;width:100%;padding:0;height:calc(100% + 40px);border-radius:5px;position:absolute;top:-40px}.weather{background-color:transparent;transition:background-color 2s ease}.sun .weather{background-color:#ffffff00}.weather #inner{width:100%;background-color:transparent;pointer-events:none}.weather #cloud1{fill:#fff}.weather #cloud2{fill:#f6f9fa}#back,#outer{position:relative;pointer-events:none}