html {min-height: 100%}
body {min-height: 100%; font-family: 'Open Sans', sans-serif; margin: 0; padding: 0;}
.content {margin: 2em auto; text-align: center;}
h1 {background: #ffd700; color: #0066cc; padding: 10px; text-align: center;}
h2 {color: #16bf0a;}
img {height: auto; max-width: 100%;}
.mplayer{margin: auto; max-width: 250px;}
table {background-color: #F2F2F2; border-collapse: collapse; border-spacing: 0;}
th, td {border-bottom: solid 1px #D9D9D9; padding: 5px;}
tr.odd {background: #fefefe}
tr:hover {background: #E5E5E5;}

.corner {position: fixed; bottom: 0; right: 0;}
@media (max-width: 600px) {
 .corner {
    position: static;
    width: 100%;
    box-sizing: border-box; /* Запобігає додатковому простору, який може виникнути внаслідок padding та border */
  }
}

.middle {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}