html {
  height: 100%;
}

body {
  background: #ffffff url(cheese.jpg) no-repeat right bottom;
  font-family: 'Roboto', sans-serif;
  height: 100%;
}
  
h1 { 
  font-weight: 900;
  font-size: 28pt;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: #000000 1px solid;
}

a:link {
  text-decoration: none;
  color: #111111;
}

a:hover {
  text-decoration: none;
  color: #777777;
}

a:visited {
  text-decoration: none;
  color: #111111;
}

a:active {
  text-decoration: none;
  color: #111111;
}
   
.card {
  width: 400px;
  border: solid 1px #dddddd;
  font-weight: 300;
  font-size: 12pt;
  margin-left: 50px;
  padding: 4px;  
  overflow: hidden;
}

.card img{
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}

.appName {
  font-weight: 500;
  border-bottom: solid 1px #dddddd;
  padding-bottom: 4px;
}

.description {
  vertical-align: middle;
  overflow: hidden;
}

.badges {
  margin-top: 50px;
  margin-left: 50px;
}