body 
{
    font-family: 'Oswald', sans-serif;
    margin: 10;
    padding: 0;
}

.content
{
	margin: auto;
	max-width: 1200px;
	background-color: #f0f0f0;
	border: 1px solid #a2a2a2;
    border-radius: 10px;
    text-align: center;
}

.logo
{
     width: 100%; 
     display: block; 
}

.textdiv
{
	padding:10px;
}

.acomparison
{

}

.comparisonelement
{
	max-width: 600px;
	display: flex;
	margin:auto;
}

.abitofinfoheader
{
	width:50%;
	background-color: #000056;
	color:white;
	border: 1px solid #a2a2a2;
    border-radius: 10px 0px 10px 0px;
    padding:10px;
    margin:2px;
}

.abitofinfoheader100
{
	width:100%;
	background-color: #000056;
	color:white;
	border: 1px solid #a2a2a2;
    border-radius: 10px 0px 10px 0px;
    padding:10px;
    margin:2px;
}

.abitofinfo
{
	width:50%;
	background-color: #FFFFFF;
	border: 1px solid #a2a2a2;
    border-radius: 10px 0px 10px 0px;
    padding:10px;
    margin:2px;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}

.abitofinfo100
{
	width:100%;
	background-color: #fafafa;
	border: 1px solid #a2a2a2;
    border-radius: 10px 0px 10px 0px;
    padding:10px;
    margin:2px;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}

.title
{
	font-family: 'Oswald', sans-serif;
	color: #000056;
	margin:0px;
}

.date
{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
    font-style: italic;
	font-size:14px;
	color: #000056;
	margin:0px;
}

.hotkeys
{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size:14px;
	color: #e9228d;
	margin:0px;
	padding-bottom:10px;
}

.normal
{
	font-family: 'Roboto', sans-serif;
	color: #000056;
	margin:0px;
}

p
{
	font-family: 'Roboto', sans-serif;
	color: #000056;
}

h3
{
	font-family: 'Oswald', sans-serif;
	color: #000056;
	margin:0px;
}

ul
{
	font-family: 'Roboto', sans-serif;
	color: #000056;
	margin:0px;
}

.footer
{
	font-family: 'Oswald', sans-serif;
	color: #000056;
	padding: 25px;
	padding-top:50px;
}

.thumb
{
	padding:5px;
	border: 1px solid #a2a2a2;
    border-radius: 10px 0px 10px 0px;
}

.spacer {
    height: 25px; /* Adjust the height as needed */
    width: 100%; /* This will make the spacer span the full width of its container */
}

html {
  scroll-behavior: smooth;
}

.subdiv
{
	display: inline;
}