#root{max-width:1280px;margin:0 auto;padding:6rem;text-align:center}.grid-container{display:grid;grid-template-columns:repeat(2,minmax(40%,1fr));gap:3vw;z-index:-1}.grid-item{position:relative;border-radius:5px;text-align:center;background-image:url(/assets/cloud1-4b5a88e2.png);background-size:contain;background-repeat:no-repeat;background-position:left;transition:.1s linear;z-index:2}.two-part-container{display:grid;grid-template-rows:2fr 1fr;position:relative;width:100%;padding-top:60%;border-radius:5px}.top-part{display:grid;grid-template-columns:1fr 1fr;position:absolute;width:100%;height:60%}.city-and-time{text-align:center;padding-top:10%}.current-temp{text-align:center;padding-top:2%}.wether-description{display:flex;text-align:center;padding-bottom:10%;padding-left:10%}.max-min-temp{text-align:center;padding-bottom:10%}.bottom-part{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;bottom:0;left:0;width:100%;background-color:#2a3035;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:1.5vw;padding-bottom:1.5vw;z-index:+1}.grid-item:hover{transform:scaleX(103%) scaleY(103%)}.grid-text-temp{font-size:5.5rem}.grid-text-city{font-size:2.5rem}.grid-text-desc{position:relative;padding:10px;margin-top:1vw;flex:2;font-size:1.3rem;float:left;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.grid-desc-img{flex:1;width:2rem}.grid-text-p{font-size:1rem}.grid-wind-direction-img{width:1.5rem}@media (max-width:1366px){.grid-text-temp{font-size:4rem}.grid-text-city{font-size:2rem}.grid-text-desc{font-size:1rem}.grid-desc-img{flex:1;width:2rem}.grid-text-p{font-size:.8rem}.grid-wind-direction-img{width:1rem}}@media (max-width:1024px){#root{padding:3rem;text-align:center}.grid-container{position:relative;grid-template-columns:repeat(2,minmax(50%,1fr));gap:2vw;width:100%;z-index:-1}.two-part-container{display:grid;grid-template-rows:2fr 1fr;position:relative;width:100%;padding-top:60%;border-radius:5px}.grid-text-temp{font-size:3rem}.grid-text-city{font-size:1.5rem}.grid-text-desc{font-size:.75rem}.grid-desc-img{flex:1;width:2vw}.grid-text-p{font-size:.7rem}.grid-wind-direction-img{width:1rem}}@media (max-width:720px){.grid-container{display:grid;grid-template-columns:repeat(1,minmax(80%,1fr));gap:3vw}.two-part-container{display:grid;grid-template-rows:2fr 1fr;position:relative;width:100%;padding-top:60%;border-radius:5px}.top-part{display:grid;grid-template-columns:1fr 1fr;position:absolute;width:100%;height:65%}.city-and-time{text-align:center;padding-top:10%}.current-temp{text-align:center;padding-top:2%}.wether-description{display:flex;text-align:center;padding-bottom:10%;padding-left:10%}.max-min-temp{text-align:center;padding-bottom:10%}.bottom-part{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;bottom:0;left:0;width:100%;background-color:#2a3035;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:3vw;padding-bottom:3vw;z-index:+1}.grid-text-temp{font-size:6rem}.grid-text-city{font-size:2.5rem}.grid-text-desc{font-size:1.3rem}.grid-desc-img{flex:1;width:1rem}.grid-text-p{font-size:1rem}}@media (max-width:620px){.grid-text-temp{font-size:5rem}.grid-text-city{font-size:2.3rem}.grid-text-desc{font-size:1.2rem}.grid-desc-img{flex:1;width:.9rem}.grid-text-p{font-size:.9rem}}@media (max-width:560px){.grid-text-temp{font-size:4rem}.grid-text-city{font-size:2rem}.grid-text-desc{font-size:1rem}.grid-desc-img{flex:1;width:.6rem}.grid-text-p{font-size:.8rem}}@media (max-width:480px){.grid-text-temp{font-size:3.3rem}.grid-text-city{font-size:1.5rem}.grid-text-desc{font-size:.7rem}.grid-desc-img{flex:1;width:.6rem}.grid-text-p{font-size:.7rem}}@media (max-width:400px){.grid-text-temp{font-size:2.3rem}.grid-text-city{font-size:1.2rem}.grid-text-desc{font-size:.65rem}.grid-desc-img{flex:1;width:.6rem}.grid-text-p{font-size:.6rem}}@media (max-width:360px){.grid-text-temp{font-size:2.2rem}.grid-text-city{font-size:1.1rem}.grid-text-desc{font-size:.6rem}.grid-text-p{font-size:.5rem}}.item-color-1{background-color:#0255d1}.item-color-2{background-color:#483d8b}.item-color-3{background-color:#66cdaa}.item-color-4{background-color:#db904f}.item-color-5{background-color:#dc143c}.item-color-6{background-color:maroon}.item-color-7{background-color:#00008b}.item-color-8{background-color:#556b2f}.item-color-9{background-color:#8b008b}.item-color-10{background-color:#2f4f4f}.item-color-11{background-color:#191970}.weatherCards{margin-bottom:5vw;padding-bottom:20px;text-align:center}.app .description{position:relative}.second-page{padding:10px;color:#fff}.full-page-weather{position:relative;max-width:1280px;margin:auto;display:grid;gap:0;grid-template-columns:repeat(6,1fr);background-color:#00a1e4;border-radius:7px;width:65vw;height:35vw}.full-page-weather p{font-size:1.6vw}.full-page-weather img{width:7vw}.full-page-top{grid-column:span 6}.full-page-top h2{font-size:3vw}.full-page-top p{font-size:1.3vw}.full-page-description{text-align:right;grid-column:span 3;padding-right:2vw;border-right:.1vw solid white;margin-bottom:3vw;margin-top:3vw}.full-page-temp{padding:1vw 1vw 1vw 2vw;text-align:left;grid-column:span 3}.full-page-temp p{font-size:1.8vw}.full-main-temp p{text-align:left;font-size:6vw}.full-page-descript p{padding-right:1vw;font-size:2.1vw}.full-page-bottom{display:grid;gap:0;padding-top:2vw;padding-bottom:2vw;grid-template-columns:repeat(3,1fr);grid-column:span 6;background-color:#2a3035;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.full-page-bottom-left{text-align:right;padding:1vw;background-color:transparent}.full-page-bottom-mid{text-align:center;padding:1vw;border-right:.1vw solid white;border-left:.1vw solid white}.full-page-bottom-mid img{width:2vw}.full-page-bottom-right{text-align:left;padding:1vw;background-color:transparent}.app .search{display:flex;align-items:center;position:relative;margin:5%;height:10%;text-align:center}.app input{flex:2;padding:.7rem 1.5rem;font-size:1.5rem;border-radius:7px 4px 4px 7px;background:rgba(0,0,0,1);border:1px solid rgba(0,0,0,.1);color:#fff;transition:.1s linear}input:hover{transform:scaleY(1.1)}::placeholder{color:#fff}.app button{flex:1;padding:.7rem 1.5rem;font-size:1.5rem;border-radius:7px;color:#fff;background-color:indigo;transition:.1s linear}button:hover{transform:scaleX(105%) scaleY(105%)}.input-message p{font-size:1.5rem;color:#dc143c;padding:10px}@media (max-width:1024px){.app input,.app button,.input-message p{font-size:1.05rem}}@media (max-width:720px){.app .search{display:grid;place-items:center;position:relative;margin:10%;height:10%;text-align:center}.app input{text-align:center;width:80%;font-size:1.15rem;margin:2vw;border-radius:25px;background:rgba(0,0,0,.4);border:1px rgba(0,0,0,.1) solid;color:#fff}.input-message p{font-size:1rem}input:hover{transform:scaleX(105%) scaleY(105%)}.app button{width:80%;font-size:1.15rem;margin:2vw;border-radius:25px;color:#fff;background-color:indigo}.full-page-weather{margin:auto;display:grid;gap:0;grid-template-columns:repeat(6,1fr);background-color:#00a1e4;border-radius:7px;width:100%;margin-bottom:7vw}.full-page-top{grid-column:span 6}.full-page-description{text-align:right;grid-column:span 3;border-right:.1vw solid white;margin-bottom:3vw;margin-top:3vw}.full-page-temp{padding-left:1vw;text-align:left;grid-column:span 3}.full-page-bottom{display:grid;gap:0;padding-top:2vw;padding-bottom:2vw;grid-template-columns:repeat(3,1fr);grid-column:span 6;background-color:#2a3035;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.full-page-bottom-left{text-align:right;padding:1vw;background-color:transparent}.full-page-bottom-mid{text-align:center;padding:1vw;border-right:.1vw solid white;border-left:.1vw solid white}.full-page-bottom-right{text-align:left;padding:1vw;background-color:transparent}.full-page-top h2{font-size:1.7rem}.full-page-top p{font-size:.9rem}.full-page-description p{font-size:1.2rem}.full-page-temp p{font-size:.9rem}.full-main-temp p{font-size:3.3rem}.full-page-bottom p{font-size:.9rem}}@media (max-width:620px){.full-page-top h2{font-size:1.6rem}.full-page-top p{font-size:.8rem}.full-page-description p{font-size:1.1rem}.full-page-temp p{font-size:.8rem}.full-main-temp p{font-size:3.1rem}.full-page-bottom p{font-size:.8rem}.app input,.app button{font-size:1rem}.input-message p{font-size:.9rem}}@media (max-width:560px){.full-page-top h2{font-size:1.2rem}.full-page-top p{font-size:.7rem}.full-page-description p{font-size:1.1rem}.full-page-temp p{font-size:.7rem}.full-main-temp p{font-size:2.5rem}.full-page-bottom p{font-size:.7rem}.app input,.app button,.input-message p{font-size:.8rem}}@media (max-width:480px){.full-page-top h2{font-size:1.1rem}.full-page-top p{font-size:.6rem}.full-page-description p{font-size:.9rem}.full-page-temp p{font-size:.6rem}.full-main-temp p{font-size:2.3rem}.full-page-bottom p{font-size:.6rem}.app input,.app button,.input-message p{font-size:.67rem}}@media (max-width:400px){.full-page-top h2{font-size:1.1rem}.full-page-top p{font-size:.6rem}.full-page-description p{font-size:.85rem}.full-page-temp p{font-size:.6rem}.full-main-temp p{font-size:2.2rem}.full-page-bottom p{font-size:.54rem}.app input,.app button,.input-message p{font-size:.58rem}}@media (max-width:360px){.full-page-top h2{font-size:1rem}.full-page-top p{font-size:.5rem}.full-page-description p{font-size:.8rem}.full-page-temp p{font-size:.5rem}.full-main-temp p{font-size:2.1rem}.full-page-bottom p,.app input,.app button,.input-message p{font-size:.5rem}}.spacer{width:100%;height:20px}.back-button{scale:50%;max-width:100px;min-width:20px;position:absolute;top:2%;left:2%;transform:translate(-50%,-50%);cursor:pointer}*{box-sizing:content-box;margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;background:url(/assets/clouds-ec787254.jpg);background-size:cover;background-position:center;background-attachment:fixed;min-width:360px}h1{font-size:2.5vw;line-height:1.1}p{font-size:2.5vw}img{position:relative;width:4vw}.app{position:relative;color:#ffffffde;width:100%;height:0;z-index:-2}.second-page{position:relative;max-width:1280px;max-height:720px}.footer-container{margin-top:20vw;place-items:center;width:100%;height:10vw;left:0;border-radius:5px;position:relative}.page-footer{background-color:#2a3035;color:#fff;padding:1.5vw}.wind-speed{border-left:.1vw solid white;border-right:.1vw solid white}.container-links{text-decoration:none;color:inherit;cursor:pointer}.link-style{color:inherit;text-decoration:none;cursor:pointer}.cont-hght-10vw{height:10vw}.title-img{display:inline;margin-right:2vw;width:3vw;text-decoration:none}.title-name{display:inline}.titleBar{display:inline-block;transition:.1s linear}.titleBar:hover{transform:scaleX(101%) scaleY(101%)}.loading-circle{width:10vw;height:10vw;border-radius:5vw;box-shadow:inset 5px 5px 10px gray;animation:left-to-right 1s cubic-bezier(.88,.24,.1,.74) forwards infinite}.loading-dot{position:absolute;transform:translate(450%);background-color:#fff;width:1vw;height:1vw;border-radius:.5vw}@keyframes left-to-right{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:720px){.title-img{margin-right:2rem;min-width:30px}.title-name{font-size:2rem}.app .titleBar{display:block;margin-bottom:20px}.titleBar:hover{transform:scaleX(101%) scaleY(101%)}}@media (max-width:620px){.title-img{margin-right:1.8rem}.title-name{font-size:1.8rem}}@media (max-width:560px){.title-img{margin-right:1.7rem}.title-name{font-size:1.7rem}}@media (max-width:480px){.title-img{margin-right:1.6rem}.title-name{font-size:1.6rem}}@media (max-width:400px){.title-img{margin-right:1.5rem}.title-name{font-size:1.5rem}}@media (max-width:360px){.title-img{margin-right:1.4rem}.title-name{font-size:1.4rem}}