@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body{margin:0;padding:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/images/cloud.jpeg);background-repeat:no-repeat;background-size:cover;background-position:center;background-blend-mode:multiply}.body{display:flex;flex-flow:column nowrap;gap:2em;width:100%;height:70vh;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:2em;font-family:poppins,sans-serif;border-radius:1em;box-shadow:1px 1px 20px #00000054}.secondSection{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:40vh;padding:1em}.loader{width:40px;height:40px;border:4px solid #fff;border-top:4px solid transparent;border-radius:50%;animation:spin .9s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:750px){.body{width:80%;height:50%;place-self:center;gap:2em}.secondSection{display:flex;flex-flow:column nowrap}}.searchBar{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%;position:relative}.searchBar input{width:50vw;height:8vh;border-radius:2em;padding-left:1em;font-size:1.1em;border:1px solid black}.searchBar .button{font-size:1.5em;background-color:transparent;border:none;position:absolute;right:4em}@media(max-width:750px){.searchBar input{width:60vw;height:4vh}.searchBar .button{right:1em;font-size:1em}.searchBar input{font-size:1.2em}}.cardBody{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;height:100%;box-shadow:none}.cardBody .pressureHumidity{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:2em}i{color:#000}@media(max-width:750px){h1{font-size:1.7em}p{font-size:1em}h2{font-size:1.3em}h4{font-size:.9em}}.detailsBody{display:flex;justify-content:center;align-items:center}.detailsBody p{font-size:3em;color:#f5f5f5;width:50%;font-weight:700;text-align:center}@media(max-width:750px){.detailsBody p{font-size:2em;width:100%}}