/* static/style.css */
table {
    width: 100%;
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
}

th {
    background: #f4f4f4;
    text-align: left;
}

h1 {
    text-align: center;
}
.plans-container {
	display: flex;
	max-width: 100vh;
	align-content: center;
}
.right-side{
	display: flex;
	width: 30%;
	padding-left: 10px;
}
.left-side{
	display: flex;
	max-width: 80%;
}
@media screen and (max-width: 768px) {
	.plans-container {
		flex-direction: column;
		align-items: center;
	}
	.right-side {
		width: 100%;
		padding-left: 0;
	}
	.left-side {
		width: 100%;
	}
	
}