body{background:linear-gradient(135deg,#facad7,#b67dbb);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;margin:0;padding:0;font-family:Roboto,sans-serif;color:#fff;text-shadow:-1px -1px 3px rgba(0,0,0,.3)}.app{padding:0;margin:0}.home-page-container{display:flex;flex-direction:row;height:100vh;width:100vw;box-sizing:border-box}.degree-toggle{box-sizing:border-box;position:relative;background-color:#ebf7fc;width:80px;height:40px;border-radius:20px;cursor:pointer;padding:10px}.degree-toggle-f{box-sizing:border-box;position:relative;background-color:#fcebeb;width:80px;height:40px;border-radius:20px;cursor:pointer;padding:10px}.degree-label{width:100%;position:absolute;font-weight:700;transition:transform .3s ease}.C1{transform:translate(-5%)}.F1{transform:translate(50%)}.C{padding:5px;height:10px;width:10px;border-radius:20px;background-color:#1c739b}.F{padding:5px;height:10px;width:10px;border-radius:20px;background-color:#b6413b}.card{width:100px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:10px;padding:6px 0;background-color:#4141414f;cursor:pointer;margin-right:10px;overflow:visible}.card-img{height:50px;width:50px;z-index:20;opacity:1;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.5))}.weather-conclusion .temp{position:relative;font-size:1.5em;font-weight:300;right:10px;color:transparent;padding:0;margin:5px 0;z-index:200}.minmaxContainer{position:relative;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;z-index:200}.min,.max{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px;margin:0}.max{border-left:1.5px solid white}.maxHeading,.minHeading{font-size:.7em;font-weight:600;color:#c5c5c5;margin:5px 0}.maxTemp,.minTemp{font-size:.9em;font-weight:500;margin:0;color:#fff}.weather-conclusion .day{padding:5px 0;margin:0;font-weight:500;font-size:1em;color:#fff}.clock-card-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.golden-hour-span{margin-bottom:10px}.clock-card{display:flex;flex-direction:column;justify-content:start;background:#ffffff26;border-radius:45px;padding:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #0003;width:80px;height:135px}.sunrise-sunset-span{margin-top:60px;margin-bottom:10px}.clock-card2{margin-bottom:40px;height:135px}.clock{position:relative;width:70px;height:70px;margin:10px auto;border:2px solid rgba(255,255,255,.5);border-radius:50%}.hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;background:#fff;border-radius:2px}.hand.hour{width:3px;height:20px;transform:rotate(0)}.hand.minute{width:2px;height:30px;transform:rotate(0)}.time{font-size:14px;font-weight:500;margin:5px 0 2px}.label{font-size:14px;opacity:.8}.status-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;width:auto;border-top:2px solid #e5caeb;padding:10px}.img-container{position:relative}.img-container .rating{font-size:14px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.img-container .status{font-size:14px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.status-container img{display:flex;bottom:0;height:70px;width:auto}.right-container{display:flex;position:relative;flex-direction:column;width:35vw;justify-content:space-around;border-left:2px solid #e5caeb;overflow:hidden}.right-panel{display:flex;flex-direction:column;justify-content:center;gap:100px;position:fixed;right:0;top:0;width:30vw;height:100vh;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.2);z-index:9999;padding:20px}@media (max-width: 980px){.right-panel{width:310px}}.right-hamb{display:none}@media (max-width: 929px){.right-hamb{top:40px;left:10px;position:absolute;display:block;cursor:pointer;height:30px;width:30px}}.position{height:30px;width:auto;padding-right:10px}.search-input{display:block;height:1.4rem;padding:.5rem .75rem;background-color:#ffffff26;border:1.5px solid #ddd;border-radius:8px;font-size:.95rem;color:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.search-input::placeholder{color:#fff;opacity:1}.search-input:focus{border-color:#a67ecf;box-shadow:0 0 4px #a67ecf66}.suggestion-dropdown{display:flex;flex-direction:column;gap:5px;width:35vw;height:auto;overflow-y:scroll;z-index:10;justify-content:flex-start;max-height:22vh}.suggestion-item{padding:8px 12px;cursor:pointer;border-radius:8px;width:72%}.suggestion-item:hover{background-color:#ffffff40;border:0 2px 6px rgba(0,0,0,.15)}.position-city{margin:5px}.right-hours{display:flex;gap:20px;justify-content:center;margin-top:10px;height:auto}.status-cards{display:flex;flex-direction:row;gap:0px;justify-content:center;margin:10px;height:200px;width:100%}.left-container{width:65vw;padding:4%;box-sizing:border-box;position:relative;display:flex;flex-direction:column}@media (max-width:929px){.left-container{width:100vw;padding-top:10%}}.header-weather{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:20%}.day-icon{height:120px;width:auto}.header-degree{box-sizing:border-box;padding:10px;height:25%;display:flex;align-items:flex-start}.header-degree .temp{font-family:Roboto,sans-serif;font-size:7.5rem;font-weight:100;text-shadow:-3px -3px 10px rgba(0,0,0,.3)}.header-degree .degree{font-weight:300;font-size:2rem;margin-top:8px;opacity:.8;text-shadow:-3px -3px 10px rgba(0,0,0,.3)}.header-degree .unit{font-weight:300;font-size:2rem;margin-top:8px;margin-left:3px;opacity:.8;text-shadow:-3px -3px 10px rgba(0,0,0,.3)}.date-time{display:flex;flex-direction:column;justify-content:space-evenly;height:15%;gap:10px}.date-time .date{font-size:1.5rem}.date-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.date-time .day-time{display:flex;flex-direction:row;width:100%}.date-time .day{width:90px}.date-time .time{padding-left:25px;border-left:1px solid #ffffff}.weather-condition{display:flex;flex-direction:row;align-items:center;justify-content:start;height:10%;width:100%}.weather-condition img{height:1rem;width:auto;padding-right:10px}.weather-condition .wind{display:flex;justify-content:center;max-width:170px;padding-right:20px}.weather-condition .humidity,.weather-condition .rain{display:flex;justify-content:center;max-width:170px;padding-right:20px;padding-left:20px;border-left:1px solid #ffffff}.weather-conclusion{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:40%;width:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.right-header{display:flex;flex-direction:row;align-items:center;position:absolute;right:4%;top:3%;height:50px;width:50%}.right-header-show-search{display:flex;flex-direction:row;align-items:center;right:4%;top:3%;position:absolute;width:50%;height:50px}@media (max-width:929px){.right-header,.right-header-show-search{right:2%;width:60%}}.input-suggestion-cont{display:flex;position:absolute;top:20%;flex-direction:column;overflow-y:auto;width:30vw;height:auto}@media (max-width:929px){.input-suggestion-cont{width:50vw}}.location{display:flex;position:absolute;justify-content:center}.search-button{position:absolute;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#faf1f4,#b67dbb);border:none;border-radius:15px;height:45px;width:45px;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;top:10px;right:10px}.search-button img{height:30px;width:auto}.hamb-icon{display:none}@media (max-width: 929px){.hamb-icon{display:block;cursor:pointer;height:30px;width:30px}}