.left-side,.middle{flex-direction:column}.hdTop,.lista{background-color:#fff}.box-1,.box-2{text-overflow:ellipsis}body{margin:0;display:grid;grid-template-columns:23% 54% 23%;font-family:Roboto,Arial}.left-side{display:flex;align-items:start}.p2,.p3{height:400px;box-shadow:0 0 25px rgba(0,0,0,.2);width:90%;border-top-right-radius:12px;display:grid;grid-template-rows:0.3fr 2fr 1fr;border-bottom-right-radius:12px}.p2{margin-top:30px;margin-bottom:30px}.p3{margin-bottom:40px}.imgg{width:100%;height:90%;object-fit:cover}.link{margin:0;text-decoration:none;color:#000;font-weight:700;padding-bottom:30px;padding-left:0}.a1,.a2,.a3,.a4{font-size:calc(12px + .65vw)}.middle{display:flex;align-items:center}.container{font-family:Arial,Helvetica,sans-serif;display:grid;grid-template-columns:1fr 2fr 1fr;width:100%;height:61vh;border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-left:auto;margin-right:auto;position:relative;top:0;background-repeat:no-repeat;background-size:cover}.lista{width:65%;max-height:130px;position:fixed;top:50px;left:25px;opacity:0;display:flex;flex-direction:column;overflow-y:auto;z-index:200;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hdTop,.search-bar{border:none;box-shadow:0 0 10px rgba(0,0,0,.4)}.hdTop{display:flex;flex-direction:row;margin:auto;height:50px;width:40vw;border-radius:35px;align-items:center;position:absolute;left:50%;transform:translate(-50%);top:30px;z-index:100}.cont-search{display:flex;align-items:center;margin-left:2%;margin-right:7px}.search-bar{border-radius:20px;padding-left:20px;width:calc(1vw + 22.5vw);height:30px;font-size:18px;outline:0}.cont-button{width:100%;margin-left:7px;display:flex;align-items:start;justify-content:end}.btn-search{background-color:rgba(0,115,255,.6);border:none;border-radius:23px;box-shadow:0 0 5px rgba(0,115,255,.4);width:6vw;height:35px;margin-right:5%;font-size:calc(4px + .9vw);color:#fff;font-weight:700}.box-box-1,.box-box-3{background-color:rgba(0,0,0,.2)}.btn-search:active{background-color:rgba(0,115,255,.482)}.box-box-1{border-bottom-left-radius:12px;display:grid;grid-template-rows:25% 8% 14% 18% 6% 6% 6% 6% 6% 5%}.box-1,.box-2,.box-3{display:flex;padding-left:10px}.box{color:#fff}.box-1{font-size:calc(9px + .45vw);align-items:center}.box-2{font-size:1.5vw;padding-top:5px}.box-3{font-size:3vw;font-weight:100}.box-10,.box-11,.box-4,.box-5,.box-6,.box-7,.box-8,.box-9{font-size:calc(9px + .45vw);display:flex;align-items:center;padding-left:10px}.box-box-3,.preview,.w{display:grid}.box-box-3{border-bottom-right-radius:12px;grid-template-rows:24% 9% 50% 6% 6% 5%}.preview{overflow-x:scroll;height:140px;width:100%;margin-top:40px;background-color:#fff;grid-auto-flow:column;gap:0}.w{width:100px;border-style:solid;border-width:0 .1px;border-color:#a0a0a0;grid-template-rows:1fr 2fr 1fr}.w1{border-left:none}.w14{border-right:none}.giorno{font-size:18px;font-weight:700;color:#5c5c5c;margin:0;display:flex;align-items:end;justify-content:center}.icona{display:flex;justify-content:center;align-items:center}.temperatura{font-size:18px;color:#404040;display:flex;flex-direction:row;justify-content:space-around;align-items:start}.hidden{opacity:1}.tes{padding-left:10px;font-size:16px;color:#6a6a6a;margin-bottom:5px}.nomiCitta{cursor:pointer;width:100%;border:none;z-index:100}.tes:hover{background-color:#dffaff}.right-side{display:flex;flex-direction:column;align-items:end}.p1,.p4{height:400px;width:90%;border-top-left-radius:12px;border-bottom-left-radius:12px;display:grid;grid-template-rows:0.3fr 2fr 1fr}.p1{margin-top:30px;box-shadow:0 0 25px #00000033;margin-bottom:30px}.p4{box-shadow:0 0 25px rgba(0,0,0,.2);margin-bottom:40px}@media (max-width:1100px){body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.container{height:50vw}.middle{grid-column:1/3;grid-row:1/2;width:70vw;justify-self:center}.p1,.p2,.p3,.p4{width:34vw;border-radius:12px}.p2,.p3{align-self:end;margin-right:10px}.p1,.p4{align-self:start;margin-left:10px}.hdTop{width:50vw}.search-bar{width:calc(1vw + 27vw)}.btn-search{width:8vw;font-size:calc(4px + 1.3vw)}.box-2{font-size:2.2vw}.box-3{font-size:4vw}.box-1,.box-10,.box-11,.box-4,.box-5,.box-6,.box-7,.box-8,.box-9{font-size:calc(10px + .45vw)}}@media (max-width:850px){body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.container{height:70vw}.middle{grid-column:1/3;grid-row:1/2;width:90vw}.p1,.p2,.p3,.p4{width:43vw;border-radius:12px}.p2,.p3{align-self:end;margin-right:10px}.p1,.p4{align-self:start;margin-left:10px}.hdTop{width:62vw}.search-bar{width:calc(1vw + 35vw)}.btn-search{width:11vw;font-size:calc(4px + 1.6vw)}.box-2{font-size:3vw}.box-3{font-size:5vw}.box-1,.box-10,.box-11,.box-4,.box-5,.box-6,.box-7,.box-8,.box-9{font-size:calc(10px + .67vw)}}@media only screen and (max-width:700px){body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.container{height:75vw;display:grid;grid-template-columns:1.5fr 1.5fr 1.5fr}.middle{grid-column:1/3;grid-row:1/2;width:96vw}.p1,.p2,.p3,.p4{width:46vw;border-radius:12px}.p2,.p3{align-self:end;margin-right:10px}.p1,.p4{align-self:start;margin-left:10px}.hdTop{width:70vw}.search-bar{width:calc(1vw + 40vw)}.btn-search{width:12vw;font-size:calc(4px + 1.8vw)}.box-2{font-size:3.4vw}.box-3{font-size:6.3vw}.box-1,.box-10,.box-11,.box-4,.box-5,.box-6,.box-7,.box-8,.box-9{font-size:calc(8px + .95vw)}}@media only screen and (max-width:480px){.box-box-1,.container{border-bottom-left-radius:12px}.box-box-3,.container{border-bottom-right-radius:12px;display:grid}.box-box-1,.box-box-3,.container,body{display:grid}body{grid-template-columns:1fr;grid-template-rows:auto}.middle{grid-column:1/2;grid-row:1/2;width:96vw}.container{font-family:Arial,Helvetica,sans-serif;grid-template-columns:1.5fr 0fr 1.5fr;width:100%;height:120vw;margin-left:auto;margin-right:auto;position:relative;top:0;background-repeat:no-repeat;background-size:cover}.hdTop,.lista{background-color:#fff;position:absolute}.box-box-1{grid-template-rows:25% 8% 14% 18% 6% 6% 6% 6% 6% 5%}.box-box-3{grid-template-rows:24% 9% 50% 6% 6% 5%}.p1,.p2,.p3,.p4{width:95vw;height:110vw;margin:10vw auto auto;align-self:center;border-radius:12px}.hdTop,.search-bar{border:none;box-shadow:0 0 10px rgba(0,0,0,.4)}.link{margin:0;text-decoration:none;color:#000;font-weight:700;padding-bottom:30px;padding-left:0}.a1,.a2,.a3,.a4{font-size:6vw}.btn-search,.search-bar,.tes{font-size:4.5vw}.hdTop{display:flex;flex-direction:row;margin:auto;height:13vw;width:90vw;border-radius:35px;align-items:center;justify-content:space-around;top:30px;left:50%;z-index:100}.lista{width:70vw;max-height:50vw;left:6%;top:12.5vw;display:flex;flex-direction:column;overflow-y:auto;z-index:500;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.cont-search{width:65%;display:flex;align-items:center;margin-left:3%;margin-right:7px}.cont-button{width:35%;margin-left:7px;display:flex;align-items:start;justify-content:end}.tes{padding-left:10px;color:#6a6a6a;margin-top:8px}.search-bar{border-radius:20px;padding-left:5vw;width:100%;height:8vw;outline:0}.btn-search{background-color:rgba(0,115,255,.6);border:none;border-radius:23px;box-shadow:0 0 5px rgba(0,115,255,.4);width:80%;height:10vw;margin-right:8%;color:#fff;font-weight:700}.box-2{font-size:7vw}.box-3{font-size:12vw}.box-1,.box-10,.box-4,.box-5,.box-6,.box-7{font-size:4vw;display:flex;align-items:center;padding-left:10px}.box-11,.box-8,.box-9{font-size:4vw;display:flex;align-items:center;justify-content:end;padding-right:10px}.preview{overflow-x:scroll;max-height:110px;width:100%;margin-top:40px;background-color:#fff;display:grid;grid-auto-flow:column;gap:0}}