*{z-index:3;box-sizing:border-box;margin:0;padding:0;line-height:1.5;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100;font-synthesis:none;text-rendering:optimizeLegibility}html,body{background-image:linear-gradient(180deg,#f3f7fe,#e5edfb);background-size:cover;background-position:center;background-repeat:no-repeat}html,body,#root{display:flex;align-items:start;width:100%;height:100%}header{height:100px}header .lead{color:#e4e4e4;font-size:1.2rem}.header-logo{height:100%}.header-logo img{height:100%;object-fit:cover}.main-section{width:100%;height:calc(100vh - 100px)}.main-section .container{display:flex;align-items:center;justify-content:center;height:80%;z-index:3}.main-section .container img{height:100%;width:80%;object-fit:cover;padding-left:5%}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.bg-overlay img{position:absolute;z-index:0;width:100%;height:100%;object-fit:cover}.bg-overlay .overlay{position:relative;z-index:1;width:100%;height:100%;background-color:#00000073}.section-title{font-weight:var(--fw-lighter);text-align:center}#weatherGraph{height:500px;width:100%}.prevision-monthly-average{padding:20px 15px;margin:20px 0 10px}.prevision-monthly-average-title{font-size:22px;margin-bottom:7px;width:100%;text-align:center}.prevision-monthly-average-text{display:flex;font-size:16px;text-align:left;margin:10px 0;padding-bottom:3px;border-bottom:1px solid black}.prevision-monthly-average-text-bold{margin:0 0 0 5px;font-size:17px;font-weight:900}.whatsapp-button{position:fixed;bottom:1rem;right:1.5rem}.whatsapp-button i{color:#17b2ec;font-size:3.2rem}@media screen and (max-width: 768px){header{justify-content:center!important}.main-section .container{padding:0!important;padding-top:5rem!important}.main-section .container img{width:90%;height:70%;padding-left:12%}.weather{padding:1rem 0!important}.weather .container{padding:.3rem!important}#weatherGraph{overflow-x:auto;padding:1rem 0}#weatherGraph .recharts-responsive-container{width:1280px!important}.prevision-monthly-average{padding:5px;margin:10px 0}.prevision-monthly-average-text{width:100%;justify-content:space-between}.whatsapp-button i{font-size:2.8rem}footer{font-size:14px;padding-bottom:.5rem}}@media screen and (max-width: 480px){.main-section{height:calc(100vh - 175px)}}