@import url(https://fonts.googleapis.com/css?family=Playfair+Display&display=swap);.display[data-v-e5fb7024]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;box-shadow:2vw 2vw 6vw #ddd;padding:2em}.sunriseHours[data-v-e5fb7024],.sunsetHours[data-v-e5fb7024],.time[data-v-e5fb7024],.title[data-v-e5fb7024]{position:absolute;margin:0;font-family:Karla;font-size:calc(1.5em + .1vw);color:#2b2b3a}.title[data-v-e5fb7024]{top:5%}.time[data-v-e5fb7024]{top:40%}.sunriseHours[data-v-e5fb7024]{left:5%;bottom:5%}.sunsetHours[data-v-e5fb7024]{right:5%;bottom:5%}.svgContainter[data-v-e5fb7024]{position:relative;height:0;width:100%;padding:0;padding-bottom:20%;vertical-align:middle;overflow:hidden}.sunSvg[data-v-e5fb7024]{position:absolute;width:100%;height:100%;top:0;left:0;padding:0;margin:0}.curve[data-v-e5fb7024],.curveFill[data-v-e5fb7024]{fill:none;stroke-width:5px;stroke-linecap:round}.curve[data-v-e5fb7024]{transition-duration:1s;transition-property:strokeDashoffset}.curveFill[data-v-e5fb7024]{stroke:#f4f5f6}@media (max-width:1024px){.display[data-v-e5fb7024]{padding:1.5em}}@media (max-width:450px){.display[data-v-e5fb7024]{width:100%;height:50%;padding:0}.title[data-v-e5fb7024]{font-size:.8em;top:25%}.time[data-v-e5fb7024]{font-size:.8em;top:50%}.sunriseHours[data-v-e5fb7024]{font-size:.5em;left:0}.sunsetHours[data-v-e5fb7024]{font-size:.5em;right:0}}.moonPhase[data-v-dfa3b030]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;box-shadow:2vw 2vw 6vw #ddd;height:90%}.svgContainter[data-v-dfa3b030]{width:100%;padding:0;vertical-align:middle;overflow:hidden}.svg[data-v-dfa3b030]{position:absolute;width:100%;height:100%;top:0;left:0;padding:0;margin:0}@media (max-width:450px){.moonPhase[data-v-dfa3b030]{height:80%}}@media (max-width:1024px){#content>div:first-child{width:90%}}.mapContainer[data-v-59c43363]{height:400px;width:100%}.map[data-v-59c43363]{height:100%;width:100%}.pluviometre svg{width:200px}.pluviometre svg .t-stroke{stroke:rgba(0,0,0,.3);stroke-width:3pt;stroke-linejoin:round}.pluviometre svg #Page-1 .water{fill:#b2d5f2}.pluviometre svg #Page-1 .cap{fill:#9e9e9e}.pluviometre svg #Page-1 .cls-2{fill:#6e8691}.pluviometre svg #Page-1 .cls-2,.pluviometre svg #Page-1 .glass{opacity:.25}.pluviometre svg #Page-1 .glass{fill:#0377bc}.pluviometre svg #Page-1 .cls-4{fill:#f5f5f5}.modal-rain .ui.modal{width:auto}.pluviometer-modal{width:100%}.pluviometer-modal .pluviometers-container{display:flex;justify-content:space-around}.pluviometer-modal .pluviometers-container .pluviometer-day .pluviometre{margin:5px 20px}.pluviometer-modal .pluviometers-container .pluviometer-day .pluviometre svg{width:90px}.pluviometer-modal .pluviometers-container .pluviometer-day div.day{text-align:center}.pluviometer-modal .slider{text-align:center;margin-top:25px}.pluviometer-modal .slider #volume{margin:0 10px}@media (max-width:1024px){.pluviometer-day{width:12.5%}}@media (max-width:770px){.pluviometre svg{width:100%!important}.pluviometre{margin:5px 5px!important}.slider{width:auto!important}}#weatherMap{background-color:#fff;box-shadow:0 1px 2px 0 rgba(34,36,38,.15);padding:1em 1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15);height:100%}iframe{height:100%}#graphBar{background-color:#fff;padding:5px;border-radius:.28571429rem;box-shadow:0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5}#graphBarTitle{margin-left:10px;margin-top:3px}#graph{padding-top:- 30px}@media (max-width:1024px){#graphBar{width:45%;margin-right:5%}}@media (max-width:450px){#graphBarTitle{margin-left:0;font-size:1em}}.rain-button-container{position:relative;width:100%;height:200px;cursor:pointer;display:block;margin:0 auto}.rain-button-container:hover img{-webkit-animation:vibrate-3 .5s cubic-bezier(.25,.46,.45,.94) both;animation:vibrate-3 .5s cubic-bezier(.25,.46,.45,.94) both}.rain-button-container .img-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%}.rain-button-container .img-container img{width:100%}@media (max-width:1024px){.rain-button-container{height:100px}.rain-button-container .img-container{width:auto}}@media (max-width:450px){.rain-button-container{height:50px}}@-webkit-keyframes vibrate-3{0%{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,2px)}50%{transform:translate(-2px,-2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(-2px,2px)}80%{transform:translate(-2px,-2px)}90%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes vibrate-3{0%{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,2px)}50%{transform:translate(-2px,-2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(-2px,2px)}80%{transform:translate(-2px,-2px)}90%{transform:translate(2px,-2px)}to{transform:translate(0)}}.line-chart-container{height:300px;width:100%}.line-chart-container .toggle{margin:auto}.line-chart-container .toggle input{margin-right:15px}.line-chart-container svg{height:100%;width:100%}.line-chart-container svg path{fill:none;stroke-width:4px;stroke:#20b2aa}.line-chart-container svg path.area{fill:url(#svgGradient);stroke:none}.line-chart-container svg g.dot circle{fill:#000}.line-chart-container svg g.dot circle.hover{fill:#add8e6;cursor:pointer}.line-chart-container svg line{stroke:grey;stroke-width:1px}@font-face{font-family:Butler;src:url(../fonts/Butler-Black.3b7e5ae3.woff2) format("woff2"),url(../fonts/Butler-Black.eab2718a.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:Karla;src:url(../fonts/Karla-Regular.fd3f938a.ttf)}#app{padding:30px;background-color:#f4f5f6}.ui.button,.ui.header,.ui.modal>.header,.ui.statistic>.value,.ui.statistics .statistic>.value{font-family:Karla!important;color:#2b2b3a!important}#menu{border:none;box-shadow:none;background:none;align-items:center;padding:0 5%}#hamburger,#menu label{display:none;float:right;position:absolute;right:0;top:0}#title{font-family:Butler;font-size:3em;color:#2b2b3a;padding:0;margin:0;display:inline-flex}#content{text-align:center;font-family:Karla;color:#2b2b3a}h2{color:#254558;font-family:Karla!important}h2 i{font-size:.7em}.rows{display:flex}.rows,.rows>.ui.segment{justify-content:space-between}.rows>.ui.segment{width:30%;margin:0!important;margin-bottom:1.66em!important;background-size:contain;background-position:right 30% bottom 50%;background-repeat:no-repeat}#basic-infos>.ui.segment{display:flex;height:100px}#first-row>.ui.segment{height:300px}#basic-infos>.ui.segment:first-child{background-image:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(../img/temp.514067bb.png)}#basic-infos>.ui.segment:nth-child(2){background-image:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(../img/humidity.5ebe0c57.png)}#basic-infos>.ui.segment:nth-child(3){background-image:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(../img/wind.69cdd984.png)}#basic-infos>.ui.segment>.ui.statistic{display:flex;flex-direction:row;align-items:center;padding-left:10%;padding-right:5%;width:100%}.slide{width:150px}.label{margin-left:5%}.tiny{font-size:.5em}#first-row .ui.segment>*{box-shadow:none}#first-row>.ui.segment>.display:first-child{margin-bottom:10px!important}#graphs{display:flex;justify-content:space-between}#right{width:30%}#left{width:65%}#right h2{margin-left:10px;margin-top:3px;font-size:1.71428571rem}#wtemp{padding:5px}@media (max-width:1024px){#app .ui.statistic>.value,#app .ui.statistics .statistic>.value{font-size:3em!important}.rows>.ui.segment{background-position:right 0 bottom 50%}#first-row>.ui.segment{height:200px}#graphs{flex-direction:column}#left,#right{width:100%;height:400px}#right{display:inline-flex;margin-top:20px}#right>.ui.segment{margin:0;width:50%}.slide{width:90px}}@media (max-width:450px){#menu label{display:inline-block;color:#f4f5f6;background:#2b2b3a;font-style:normal;font-size:1.2em;padding:10px}.basic-nav{display:none!important}#menu input:checked~.basic-nav{display:inline-flex!important}#basic-infos>.ui.segment{height:50px;padding:2px}#app .ui.statistic>.value,#app .ui.statistics .statistic>.value{font-size:2em!important;font-variant:unicase}.tiny{font-size:.59em}.ui.large.header{font-size:1em!important;font-size:1em;margin-bottom:5px}#first-row{flex-wrap:wrap}#first-row>.ui.segment{height:120px;width:47.5%}#first-row>.ui.segment:first-child{width:100%}#title{font-size:2.5em}#right{flex-direction:column;height:inherit}#graphBar,#right>.ui.segment{width:100%}#right>.ui.segment{margin-top:20px}#right h2{font-size:1em}.slider{width:60px}}