table{
 background-color: lightgreen;
 }
table, th, td {
  padding: 30px;
  border:1px solid black;
  border-radius: 10%;
  text-align: center;  
}
td{
  border:1px solid red;
  border-radius: 50%;
  background-color: white;

  }
  td:hover {
  background-color: yellow;
}
img{
  border: 5px solid #000;
  padding: 5px;
  width: 240px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  border-radius: 10%;
  opacity: 0.6;
  transition: 0.5s;

}

.container {
  padding: 10px;
}

#peruna {
float: left;
width: 1000px;
padding: 0 0 200px 0;

}
img:hover{
    opacity: 1;
   
}
* {
  box-sizing: border-box;
}

.box {
  float: left;
  width: 20%;
  padding: 50px;
  text-align:center;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
body {
  margin: 0;
  padding: 0;
}

h2, p {
  margin: 10px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}

ul li {
  float: left;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: #111111;
}