main.css

body{font-family:sans-serif;margin:0;padding:0}.form{box-shadow:1px 1px 1px 1px grey;max-width:380px;padding:10px}.c3 svg{-webkit-tap-highlight-color:transparent;font:10px sans-serif;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.c3 line,.c3 path{fill:none;stroke:rgba(0,40,100,.12)}.c3 text{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;font-size:px2rem(12px);user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#f0f0f0}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke:#e6e6e6;stroke-dasharray:2 4}.c3-text{font-size:12px}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:2px}.c3-circle._expanded_{stroke:#fff;stroke-width:2px}.c3-selected-circle{fill:#fff;stroke-width:1.5px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item text{fill:#545454;font-size:14px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{fill:transparent;stroke:#d3d3d3;stroke-width:0}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{background:#212529!important;border-collapse:collapse;border-radius:3px;border-spacing:0;color:#fff;empty-cells:show;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.c3-tooltip th{padding:6px;text-align:left}.c3-tooltip td{font-weight:400;padding:4px 6px}.c3-tooltip td>span{border-radius:50%;display:inline-block;height:8px;margin-right:8px;vertical-align:baseline;width:8px}.c3-tooltip td.value{text-align:right}.c3-area{opacity:.1;stroke-width:0}.c3-target-filled .c3-area{opacity:1!important}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:none}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target.c3-focused g path,.c3-chart-arc.c3-target g path{opacity:1}.c3-axis{fill:#9aa0ac}.sitewrapper-navbar-container{background-color:brown;padding:5px}.sitewrapper-navbar-container-logo>img{height:35px;width:35px}.sitewrapper-navbar-container-newTPRequestButton{background-color:pink;box-sizing:border-box;float:right;height:35px;padding:5px;vertical-align:center}.sitewrapper-main{display:flex;justify-content:center}.homepage-background-video{object-fit:cover;position:absolute;z-index:-1}.homepage-main-container>h2{color:#fff}.homepage-tprequests-container{display:flex;flex-wrap:wrap}.homepage-tprequest-container{background-color:#7fffd4;border:1px solid grey;margin:10px;padding:10px}.components-button{align-self:center;background-color:#00f;color:#fff;font-size:larger;padding:8px}.components-textinput-container{display:block;margin:10px;width:100%}.components-textinput-label{font-size:small}.components-textinput-input{font-size:larger}.components-textinput-error{color:red}.components-page{background-color:#fff;border:1px solid grey;margin-bottom:25px;margin-top:25px;max-width:680px;padding:15px}.tpdetails-components-message{border:2px dashed #00f;border-radius:5px;padding:8px}