body,html{background-color:#ecf0f1;font-family:Roboto,sans-serif;margin:0;padding:0}#buttons,#dateRange,#evolution,#scale,#state{z-index:1;position:fixed;padding:10px;width:-webkit-max-content;width:-moz-max-content;width:max-content}#state{top:5px;left:0;right:0;margin:auto}#state select{border:none;padding:5px 10px;border-radius:5px;font-size:15px;font-weight:700;cursor:pointer}#evolution{text-align:left;top:20px;left:15%;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #aaa}#map{position:relative;text-align:center;width:100%;max-width:800px;margin:auto;height:100vh;overflow:hidden}#map #svgZoom{max-width:800px;margin:auto;width:100%;height:100vh}.region{cursor:pointer;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;stroke-width:.25}.region:hover{fill:#3273dc!important;stroke:#000}#nbCases,#province,#region{padding:0;margin:0}#nbCases{background-color:#fedd56;padding:3px 10px;border-radius:5px;font-size:medium;width:intrinsic;width:-moz-max-content;width:-webkit-max-content;width:max-content}.nbCases::before{content:"+"}.nbCases{display:block}#province{font-size:xx-large}#region{font-size:large}#dateRange{background-color:transparent;margin:0 auto;padding:0;right:0;left:0;bottom:5px;display:block;font-size:xx-large;max-width:800px;width:90%}#range{width:calc(80% - 50px);display:block;margin:auto}#watermark{position:fixed;right:0;top:35%;left:0;max-width:600px;margin:auto;min-width:150px;opacity:.3;z-index:0}#scale{text-align:left;right:15%;width:fit-content;bottom:120px;background-color:rgba(255,255,255,.7);border-radius:5px;font-size:10px}#buttons{position:fixed;top:35%;left:15%;z-index:1}.color_range div{display:inline-block;vertical-align:middle}.color_range div:first-child{width:15px;height:15px}#chart{-moz-transform:scale(1,-1);-webkit-transform:scale(1,-1);-o-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}#region-name{background-color:#2c3e50;color:#fff;width:-moz-max-content;width:-webkit-max-content;width:max-content;max-width:200px;padding:5px 10px;border-radius:5px;font-weight:700;z-index:2;display:none}#playBtn,.btn-zoom,.close-btn{background-color:#000;box-shadow:0 0 5px #aaa;font-size:20px;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;display:block}#playBtn:hover,.btn-zoom:hover{box-shadow:0 0 10px #444}.close-btn{box-shadow:0 0 1px #aaa;background-color:#9b0000;padding:2px 4px;width:pointer;float:right;font-size:10px}.close-btn:hover{box-shadow:0 0 4px #aaa}.btn-zoom{margin:10px auto}.fixed{width:-webkit-max-content;width:-moz-max-content;width:max-content;width:intrinsic;position:fixed;margin:auto;bottom:50px;right:0;left:0}#playBtn,#range{display:inline-block;vertical-align:middle;margin-right:10px}@media only screen and (max-width :600px){#region-name{display:none!important}#scale{bottom:50px;margin:0;padding:0;overflow:hidden}#evolution{top:5px;padding:2px}}@media only screen and (max-width :800px){#scale{right:2%}#buttons,#evolution{left:2%}}.title{position:fixed;font-size:x-large;margin:0;max-width:800px}