body {
        margin-left: auto;
        margin-right: auto;
        margin-top:auto;
}

.box {
        width:auto;
        height: fit-content;
        background-color: rgba(0, 0, 0, 0.220);
        backdrop-filter: blur(5px);
        color: rgb(255, 255, 255); /* Text color */
        text-align: center; /* Center the text horizontally */
        line-height: 40px; /* Center the text vertically */
        padding: 0;
        margin: 0;
}

a:link {
        text-decoration: none;
}

a:visited {
        color: rgba(108, 106, 128, 0.712);
}

a:link {
        color: rgba(108, 106, 128, 0.712);
}

a:hover {
        color: rgba(158, 155, 192, 0.853);
}

.left{
    width:40%;
    height: fit-content;
    background-color: rgba(0, 0, 0, 0.205);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 40px;
    backdrop-filter: blur(3px);
    border-radius: 12px;
    margin: 15px;
    font-size: 30px;
    font-family: "sans-serif";
}

.right{
    width:40%;
    height: fit-content;
    background-color: rgba(0, 0, 0, 0.205);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 40px;
    backdrop-filter: blur(3px);
    border-radius: 12px;
    margin: 15px;
    float: right;
    font-size: 30px;
    font-family: "sans-serif";
}

h1{
        font-family: "sans-serif";
        font-size: 40px;
        font-weight: bolder;
}

.update {
	background-color: #e34033;
	font-family: sans-serif;
	font-size: 20px;
	padding: 20px;
	color: #ffffff;
	text-align: center;
	position: sticky;
	top: 0;
	z-index: 100;
}