@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&display=swap";.header-container{display:flex;flex-direction:column;align-items:center;gap:24px;margin:60px 0 50px}.titre{font-size:56px;margin:0;font-weight:600}.titreSpan{font-size:56px;margin:0;font-weight:900}.s-titre{font-size:18px;margin:0;font-weight:900}body{background-image:url(../assets/img/cloud-drizzle.svg);background-repeat:no-repeat;background-color:#ebf3fe;color:#0065f2;font-family:Inter,sans-serif}.bttnAdd{background-color:#0065f2;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:16px;margin-top:20px;height:48px}.card-header{display:flex;flex-direction:row;align-items:center;gap:24px}.main-container{display:flex;justify-content:center;align-items:center;gap:40px}.form-container{max-width:30%;height:735px;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}input{height:48px;border-radius:10px;border:none;background-color:#f5f5f5}.bttnCity{display:flex;border:none;border-radius:10px;font-size:18px;font-weight:700;margin-top:20px;width:100%;justify-content:space-between;background-color:#f0f0f0;color:#0056b3;padding:8px 12px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.bttnCity:hover{background-color:#ddd}.bttnCity.selected{background-color:#007bff;color:#fff;border:1px solid #0056b3}.bttnCity p{margin:10px}.card-container{height:735px;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a}h1,h2{margin:0}.card-upper{display:flex;align-items:center;gap:40px;margin-bottom:20px;background-color:#fff;border-radius:10px;box-shadow:7px 4px 23px #0000001a}.card-big{display:flex;align-content:center;justify-content:center;height:375px;width:44%;padding:20px;background-color:#ebf3fe;border-radius:10px}.cards{width:100%;display:flex;gap:20px}.cards div{width:25%;padding:10px;background-color:#ebf3fe;border-radius:10px;text-align:center}.card1,.card2,.card3,.card4{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 20px;background-color:#ebf3fe;border-radius:10px;box-shadow:inset 0 0 10px #0000001a}.date{font-size:24px}.quote{font-size:40px;font-weight:700}.temp{font-size:32px;font-weight:lighter}hr{width:100%;border:1px solid rgba(0,101,242,.4) #f5f5f5;margin:20px 0}.card-upper{display:flex;flex-direction:row;align-items:center;background-color:#fff;border-radius:10px;gap:40px;box-shadow:7px 4px 23px #0000001a}