body {
    background: #f1f9f2;

    font-family: "Roboto";
}
h1{
color: #CD5C5C;
    text-shadow: 1px 1px 1px black;

}

table {
  table-layout: fixed;
  font-size:15px;
text-align: center;
text-shadow: 0 0 5px pink;
font-family: "Roboto";

}

td, th {
	padding: 10px;
	height: 25px;
	

}
.content {
  max-width:70%;
  display: flex;
  
  justify-content: center;

}

.link {

  background-image: url(/img/pattern.png);
  font-size:20px;
text-shadow: 0 0 5px lightblue;
max-width:85px;
}
.com {
 width: 40%;
}

@media only screen and (max-width: 800px) {
  /* For mobile phones: */
  .content {
width:90%;
  display: flex;
  justify-content: center;
}

}