@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap";body{font-family:League Spartan,sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}*{padding:0;margin:0;border:0;list-style:none}*,a,a:hover{text-decoration:none}.content{transition:.3s;height:100%;min-height:100vh}.content .container{height:inherit;min-height:inherit;overflow:auto;padding:4rem 0;display:flex;align-items:center;justify-content:center;gap:3rem;flex-direction:column}.content .container .backContent{position:fixed;top:40px;left:30px}.content .container .backContent a{cursor:pointer}.content .container .backContent a:hover svg{transform:translateX(-8px)}.content .container .backContent a svg{transition:.3s ease-in-out;max-width:30px;width:100%}.content .container .titleContent{margin:0 auto}.content .container .titleContent h2{font-size:3rem;font-weight:300;line-height:3.125rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.content .container .titleContent p{font-size:2.375rem;font-weight:100;line-height:3.125rem;letter-spacing:.06em;text-align:center;text-transform:lowercase}.content .container .temperatureContainer{display:flex;height:90px}.content .container .temperatureContainer .temperature{margin:0 auto}.content .container .temperatureContainer .temperature h1{margin-top:-8px;font-size:8.4375rem;font-weight:300;line-height:8.4375rem;letter-spacing:.1em;text-align:center;text-transform:uppercase}.content .container .temperatureContainer .temperatureDetails{display:flex;justify-content:space-between;gap:1rem;flex-direction:column}.content .container .temperatureContainer .temperatureDetails .tempCelcious{font-size:1.875rem;font-weight:300;line-height:1.875rem;letter-spacing:.002em;text-align:right}.content .container .temperatureContainer .maxminContent{display:flex;align-items:center;gap:.6rem;flex-direction:row}.content .container .temperatureContainer .maxminContent svg{max-width:8px;width:100%;opacity:.6}.content .container .temperatureContainer .maxminContent .maxminItems{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;flex-direction:column;height:80%}.content .container .temperatureContainer .maxminContent .maxminItems>span{font-size:1.25rem;font-weight:100;line-height:.75rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.content .container .conditionContent{margin:0 auto;transition:.3s ease-in-out}.content .container .conditionContent svg{max-width:180px;width:100%}.content .container .conditionContent:hover{transform:scale(1.1)}.content .container .conditionsContent{padding:0 15px;display:flex;align-items:center;justify-content:center;gap:3.5rem;flex-direction:row;flex-wrap:wrap}@media only screen and (max-width:479px){.content .container .conditionsContent{row-gap:1rem;-moz-column-gap:2rem;column-gap:2rem}}.content .container .conditionsContent .conditionsCard{transition:.3s ease-in-out;margin:0 auto;text-align:center}.content .container .conditionsContent .conditionsCard:hover{transform:translateY(-8px)}.content .container .conditionsContent .conditionsCard svg{max-width:50px}.content .container .conditionsContent .conditionsCard p{font-size:1.375rem;font-weight:300;line-height:2.8125rem;letter-spacing:.04em;text-align:center}.content .container .conditionsContent .conditionsCard span{font-size:1.125rem;font-weight:300;line-height:1.875rem;letter-spacing:.06em;text-align:center}.content .container .envContent{display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:row;flex-wrap:wrap}.content .container .envContent>span{margin-top:-8px;height:35px;width:1px;opacity:.4}@media only screen and (max-width:479px){.content .container .envContent>span{display:none}}.content .container .envContent .envCard{margin:0 auto;text-align:center}.content .container .envContent .envCard .title{font-size:1.375rem;font-weight:100;line-height:1.25rem;letter-spacing:.04em;text-align:center}.content .container .envContent .envCard .subtitle{font-size:1.125rem;font-weight:300;line-height:3.125rem;letter-spacing:.06em;text-align:center}.content.light *{fill:#fff;color:#fff}.content.light .envContent>span{background-color:#fff}.content.dark *{fill:#1f1f1f;color:#1f1f1f}.content.dark .envContent>span{background-color:#1f1f1f}.content.grey{background:linear-gradient(0deg,#3c4353,#616978)}.content.darkgrey{background:linear-gradient(0deg,#a6a6a6,#e0e0e0)}.content.darkblue{background:linear-gradient(0deg,#003061,#004285)}.content.blue{background:linear-gradient(0deg,#3ba1b5,#56cbdb)}.homeContent{background-color:#0f0f0f;height:100%;min-height:100vh}.homeContent .homeContainer{height:inherit;min-height:inherit;overflow:auto;padding:4rem 0;display:flex;align-items:center;justify-content:center;gap:3rem;flex-direction:column}.homeContent .homeContainer .titleContent{margin:0 auto}.homeContent .homeContainer .titleContent h2{font-size:3rem;font-weight:300;line-height:3.125rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.homeContent .homeContainer .titleContent p{font-size:2.375rem;font-weight:100;line-height:3.125rem;letter-spacing:.06em;text-align:center;text-transform:lowercase}.homeContent .homeContainer .worldContent{margin:0 auto}.homeContent .homeContainer .worldContent svg{max-width:150px;width:100%;transition:.3s ease-in-out}.homeContent .homeContainer .worldContent svg:hover{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.homeContent .homeContainer .citiesContent{padding:0 15px;margin:25px auto 0;max-width:650px;width:100%;text-align:center}@supports(display:grid){.homeContent .homeContainer .citiesContent{display:grid;grid-template-columns:repeat(3,auto);grid-gap:5rem 1rem}}@media only screen and (max-width:479px){@supports(display:grid){.homeContent .homeContainer .citiesContent{display:grid;grid-template-columns:repeat(2,auto);grid-gap:5rem 1rem}}}@media only screen and (max-width:359px){@supports(display:grid){.homeContent .homeContainer .citiesContent{display:grid;grid-template-columns:repeat(1,auto);grid-gap:1rem 2rem}}}.homeContent .homeContainer .citiesContent a{transition:.3s ease-in-out;font-size:2.5rem;font-weight:100;line-height:2.5rem;letter-spacing:.03em;cursor:pointer}.homeContent .homeContainer .citiesContent a:hover{transform:translateY(-8px)}.homeContent *{color:#fff}