69 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			69 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .main-container {
 | |
|     display: flex;
 | |
|     flex-direction: column;
 | |
|     flex-wrap: nowrap;
 | |
|     justify-content: center;
 | |
|     text-align: center;
 | |
| }
 | |
| 
 | |
| .plot-container {
 | |
|     display: flex;
 | |
|     flex-direction: row;
 | |
|     justify-content: center;
 | |
|     align-items: center;
 | |
|     flex-wrap: wrap;
 | |
| }
 | |
| 
 | |
| .plot-item {
 | |
|     flex: 0 1 33%
 | |
| }
 | |
| 
 | |
| .table-container {
 | |
|     display: flex;
 | |
|     flex-direction: row;
 | |
|     justify-content: center;
 | |
|     align-items: center;
 | |
|     flex-wrap: wrap;
 | |
| }
 | |
| 
 | |
| .table-item {
 | |
|     flex: 0 1 33%
 | |
| }
 | |
| 
 | |
| .img-bars {
 | |
|     width: 1500px;
 | |
|     height: 500px;
 | |
|     border: solid
 | |
| }
 | |
| 
 | |
| table, th, td {
 | |
|     border: 1px solid black;
 | |
| }
 | |
| 
 | |
| table {
 | |
|     border-collapse: collapse;
 | |
|     margin: auto;
 | |
|     width: 60%;
 | |
| }
 | |
|  
 | |
| img {
 | |
|     width: 100%;
 | |
|     height: 100%;
 | |
|     object-fit: contain;
 | |
| }
 | |
| 
 | |
| hr {
 | |
|     width: 100%;
 | |
|     margin-top: 40px;
 | |
|     border: 0;
 | |
|     height: 1px;
 | |
|     background: #333;
 | |
|     background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
 | |
|     background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
 | |
|     background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
 | |
|     background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
 | |
| }
 | |
| 
 | |
| h1, h3, h5 {
 | |
|     text-decoration: underline;
 | |
| } |