html, body { height: 100%; width: 100%; display: block; padding: 0px; margin: 0px; } section { position: absolute; top: 50%; width: 100%; user-select: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-weight: 700; text-transform: uppercase; font-size: 20px; height:100%; } .month { background-color: #b7b7b7; width:300px; display: inline-block; margin: 10px; } .m { font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; } svg.graph { color:white; max-width:1000px; width: 100%; height:100%;} svg.graph text {font-family: Arial, Helvetica, sans-serif; stroke:none; fill:#000000; font-size:14px; text-anchor: middle;} svg.graph text.m { font-size: 14px;} svg.graph text.w { font-size: 10px; font-weight: 200;} svg.graph rect { stroke:none } svg.graph rect:hover { fill:#a1a1a1 !important; cursor:pointer} svg.graph rect.null { fill: none; stroke: none;} svg.graph rect.today { fill:#ffffff; stroke: #000000;} svg.graph rect.day { fill:#b7b7b7; } svg.graph rect.weekend { fill:#6b6b6b } svg.graph path { stroke-linecap: butt; stroke-dasharray: 1,1; fill:none; stroke:#333; stroke-width:13px }