@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}a{color:#fff;text-decoration:none}body{background-color:#fd5294}.header-container{background-color:#c94075;color:#fff;display:flex;height:30px}.header-list,.header-nav{align-items:center;display:flex;width:100%}.header-list{justify-content:space-between;list-style:none;padding:10px}.button-group{display:flex;gap:12px}.countries-container{display:flex;flex-wrap:wrap}.home-title{color:#fff;font-size:12px;font-weight:800;letter-spacing:1px;padding:10px;width:100%}.home-mid-container{background-color:#dd4883;display:flex}.search-input{background-color:#fa669fc9;border:none;color:#fff;margin:5px;padding:5px;width:100%}.search-input::-webkit-input-placeholder{color:#fff}.search-input::placeholder{color:#fff}.country-container{background-color:#cf4278;cursor:pointer;display:flex;gap:12px;height:100px;overflow:hidden;padding:12px;position:relative;width:50%}.arrow-button{height:20px;position:absolute;right:5px;top:10px}.country-flag{-webkit-filter:grayscale();filter:grayscale();height:50px;opacity:.5;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);translate:0 10px}.color{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}.country-content{display:flex;flex-direction:column;justify-content:flex-end}.country-title{color:#fff;font-size:12px;font-weight:800;text-transform:uppercase}.country-temperature{color:#fff;font-size:22px;font-weight:900}.fullwidth{height:150px;justify-content:center;width:100%}.fullwidth .country-title{font-size:22px}.fullwidth .country-flag{height:100px}.country-container:hover>.country-flag{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.loader-container{left:50%;position:fixed;top:50%;translate:-23px}.detail-container{display:flex;flex-direction:column}.detail-content{align-items:center;display:flex;justify-content:space-between;padding:24px}.detail-country-content{display:flex;flex-direction:column}.detail-country-title{color:#fff;font-size:24px;font-weight:800;text-transform:uppercase}.detail-country-temperature{color:#fff;font-size:18px;font-weight:800}.detail-text{z-index:99}.weather-icon{height:150px;opacity:.3;position:absolute;right:-50px;top:30px;width:150px;z-index:0}.day-container{align-items:center;background-color:#dd4883;color:#fff;display:flex;font-size:16px;font-weight:800;height:60px;justify-content:space-between;letter-spacing:1px;padding:12px;width:100%}.home-list-container>li:nth-child(2n){background-color:#cf4278}.background-light{background-color:#dd4883}.background-dark{background-color:#cf4278}.background-main{background-color:#fc5193}.dot-wave{--uib-size:47px;--uib-speed:1s;--uib-color:rgba(0,0,0,.65);align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding-top:calc(var(--uib-size)*.34);width:var(--uib-size)}.dot-wave,.dot-wave__dot{height:calc(var(--uib-size)*.17)}.dot-wave__dot{background-color:var(--uib-color);border-radius:50%;flex-shrink:0;width:calc(var(--uib-size)*.17);will-change:transform}.dot-wave__dot:first-child{-webkit-animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.45) infinite;animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.45) infinite}.dot-wave__dot:nth-child(2){-webkit-animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.3) infinite;animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.3) infinite}.dot-wave__dot:nth-child(3){-webkit-animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.15) infinite;animation:jump var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.15) infinite}.dot-wave__dot:nth-child(4){-webkit-animation:jump var(--uib-speed) ease-in-out infinite;animation:jump var(--uib-speed) ease-in-out infinite}@-webkit-keyframes jump{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}}@keyframes jump{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}}
/*# sourceMappingURL=main.14dbcace.css.map*/