body {
	background-color: black;
	color: white;
}
table {
	border-collapse: collapse;
	width: 100%;
}
th, td {
	text-align: left;
	padding: 8px;
}
h1 {text-align: center;}
th {
	background-color: #3399FF;
	color: white;
}
tr:nth-child(even){
	background-color: #333333
}
canvas {
	width: 90%;
	height: 400px;
	margin: 50px auto;
	display: block;
}
#chart {
    display: block;
    width: 100%;
    height: 100%;
}
.chart-container {
    margin-top: 20px;
}

.chart {
    background-color: rgba(255, 99, 132, 0.2);
    border-color: #3399FF;
    border-width: 1px;
}

.table td {
    padding: 5px;
    text-align: center;
}

.table th {
    background-color: #3399FF;
    color: #fff;
    padding: 5px;
    text-align: center;
    border: 1px solid #ddd;
}

.table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}
/*krug i temperatura*/
.circle {
    display: inline-block;
    width: 60px;
    height: 30px;
    position: relative;
    border-radius: 30px 30px 0 0;
    border-top: 30px solid blue;
    color: white;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}