body {
margin: 0;
padding: 0;
background-color: #000000;
font-family: "Source Sans 3", calibri, arial, serif;
font-size: 16px;
color: #ffffff;
}

h1 {
font-family: "Source Sans 3", calibri, arial, serif;
font-size: 24px;
color: #ffffff;
font-weight: normal;
}

.dell:hover, .hp:hover, .lenovo:hover, 
.ibm:hover, .acer:hover, .emachines:hover,
.gateway:hover, .panasonic:hover {
cursor: pointer;
filter: brightness(1.2);
}

.compaq:hover, .packardbell:hover, 
.vaio:hover, .toshiba:hover {
cursor: pointer;
filter: brightness(0.8);
}

.page {
margin: 20px auto auto auto; 
width: 700px; 
border-radius: 10px; 
padding: 10px; 
box-sizing: border-box;
background-color: #000000;
}

.systems {
display: flex; 
justify-content: center; 
align-items: center;
}

.sysblock {
width: 200px; 
height: 200px; 
margin: 10px 0px 10px 0px;
}

.syscontent {
display: flex; 
justify-content: center; 
align-items: center; 
height: 200px;
}

.disclaimer {
text-align: center; 
color: #808080;
}