@import"https://fonts.googleapis.com/css2?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";.location-dropdown-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.input-container{display:flex;flex-direction:column;align-items:center}.input-container label{margin-bottom:5px;color:#f3efef;font-weight:500}.input-container select{padding:10px;width:200px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9}.error-message{color:red;margin-top:10px}.TemperatureData-main{width:100%;display:flex;flex-direction:column}.temperature-data-container{width:100%;text-align:center;background:#0f0f0f;border-radius:30px;padding-top:15px;padding-bottom:40px}.temperature-data-container h1{color:#10ee10;font-size:28px;margin-bottom:40px}.formbody{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:5px;color:#f6f2f2;font-weight:500}.input-group input{padding:10px;width:200px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px}.temperature-data-container button{padding:14px 26px;background-color:#12c312;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:18px}.temperature-data-container button:hover{background-color:#006a05}.temperature-results{margin-top:20px}.error-message{color:red;margin-top:10px;margin-bottom:10px;font-size:20px}.graphDisplay{display:flex;justify-content:center;align-items:center;background:#0f0f0f;border-radius:30px;margin-top:20px;margin-bottom:20px}@media (max-width:450px){.temperature-data-container{padding:20px 10px}}.header{margin-bottom:40px}.header .navbar{height:100px;box-shadow:0 1px 15px #24ff03;padding:0 120px;display:flex;align-items:center;gap:5px;margin-bottom:50px}.navbar img{height:100%;border-radius:50%;padding:10px;object-fit:cover;object-position:center}.navbar h3{font-size:25px;font-weight:600;background:linear-gradient(to top,#cdfb00,#12c312);background-clip:text;-webkit-background-clip:text;color:transparent}.hero{padding:0 120px}.hero h1{margin-bottom:20px;text-align:center}.autotext{color:#fcfcfc}.hero .paragraph{color:#878787;font-size:14px;font-weight:300;display:flex;flex-direction:column;gap:10px}.paragraph :nth-child(2){color:#f5f8f0;font-size:18px;font-weight:400;margin:5px 0}.paragraph :nth-child(2) span{color:#12c312}@media (max-width:700px){.header .navbar{padding:0 20px;justify-content:center}.navbar img{width:15vw;height:15vw}.navbar h3{font-size:3.5vw;white-space:nowrap}.header .hero{padding:0 20px}.hero h1{font-size:4.5vw}.hero p{font-size:2vw}.hero .paragraph :nth-child(2){font-size:2.3vw}}@media (max-width:500px){.header .hero{padding:0 20px}.hero h1{font-size:5.5vw}.hero p{font-size:2.5vw}.hero .paragraph :nth-child(2){font-size:2.9vw}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:400}html,body{height:100%;width:100%;background:#000;color:#fff}.tempdata{padding:0 120px}@media (max-width:700px){.tempdata{padding:0 20px}}