.layout{width:100%;display:flex;justify-content:center;flex-direction:column}@media screen and (min-width: 35em){.layout{flex-direction:row;max-height:80em;height:100vh}}.globe{width:100%;flex:1;position:relative;min-height:50em}@media screen and (min-width: 35em){.globe{width:50%}}.globe .header{position:absolute;top:1rem;width:100%;background-color:#fff;padding:.5em;z-index:2;margin:0 auto;text-align:center}.globe .scroll-btn{position:fixed;top:90%;left:1em;z-index:3}@media screen and (min-width: 35em){.globe .scroll-btn{display:none}}.rotate-flames{animation:turn-infinite 10s linear infinite}.bounce-item{animation:bounce 1.5s linear infinite}.opaciting-item{animation:opaciting 2s linear infinite}.falling-item{animation:falling 2s linear infinite}.info{width:100%;flex:1;display:flex;justify-content:flex-start;min-height:40em}@media screen and (min-width: 35em){.info{width:50%}}.info .info-container{position:relative;overflow:hidden;width:100%;max-width:50em;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.info .info-container .info-bg{width:100%;max-width:30em;display:flex;flex-direction:column;z-index:2;margin-top:10%;border-radius:.5em;overflow:hidden;background:linear-gradient(to bottom,rgba(92,153,245,.9),rgb(255,255,255));padding:.5em;box-shadow:.05em .05em 1em #015c77}.info .info-container .info-panel{animation:show-up .25s ease;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.info .info-container .info-panel .info-header{width:100%;display:flex;justify-content:flex-start;align-items:center}.info .info-container .info-panel .info-header .info-header-img{width:4em;height:4em;object-fit:contain}.info .info-container .info-panel .info-header .info-country{font-family:Times New Roman,Times,serif;font-size:3rem;line-height:2.5rem;margin-left:.2em}.info .info-container .info-panel .info-header .info-weather-img{width:4em;height:4em;margin:.5em .5em .5em auto;position:relative}.info .info-container .info-panel .info-header .info-weather-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 15px rgba(0,0,0,.461))}.info .info-container .info-panel .weather-description{padding:.5em;font-weight:bolder}.info .info-container .info-panel .info-weather{width:100%;background-color:#fff;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:.5em;grid-row-gap:.5em;padding:.5em}.info .info-container .info-panel .info-weather .info-part{border:.2em solid rgb(76,198,255);display:flex;padding:1em 0}.info .info-container .info-panel .info-weather .info-part .info-img{width:40%;height:100%;margin:0 .5em}.info .info-container .info-panel .info-weather .info-part .info-img img{width:100%;height:100%;object-fit:contain}.info .info-container .info-panel .info-weather .info-part .info-content{width:60%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.info .info-container .info-panel .info-weather .info-part .info-content h3{width:100%;text-align:center}.info .info-container .info-panel .info-weather .info-part .info-content .info-sumary{font-size:1.2rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.info .info-container .info-panel .info-weather .info-part .info-content .info-sumary-2{font-size:2rem}.info .info-background{height:100%;position:absolute;right:0;animation:marquee 20s ease infinite}.btn{cursor:pointer;display:inline;font-size:1.2rem;font-weight:700;padding:.5em;border-radius:.2em;background-color:#4cc6ff;transition:all .1s ease;z-index:2}.btn:active{filter:brightness(.9) opacity(.9);transform:scale(.95)}@keyframes show-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes turn-infinite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{right:0%}50%{right:-50%}to{right:0%}}@keyframes bounce{0%{transform:scale(1)}10%{transform:scale(1.1,.9)}30%{transform:scale(.9,1.1)}50%{transform:scale(1.05,.95)}58%{transform:scale(1)}65%{transform:scale(1)}to{transform:scale(1)}}@keyframes opaciting{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes falling{0%{opacity:0;transform:translateY(-1em)}25%{opacity:1}to{opacity:1;transform:translateY(0)}}.high-panel{width:100%;max-width:30em;background-color:#fff;z-index:2;border:.2em solid rgb(76,198,255);border-radius:.5em;height:22em;animation:show-up .25s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-msj{color:red;font-weight:bolder}.lds-ring{display:inline-block;position:relative;width:2em;height:2em}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:2em;height:2em;margin:0;border:8px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:rgb(0,0,0) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:sans-serif,Arial,Helvetica,Times New Roman,Times,serif;font-size:16px;line-height:24px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body,*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}