Nie powinieneś już używać <center>, ponieważ
<center>: The Centered Text element

zamiast, możemy użyć np.:
- text-align: center
- margin: 0 auto (0 dla gór-dół, auto dla lewy-prawy)
- display: flex; justify-content: center;
- display: flex; justify-content: center; align-items: center;
(ostatni z display: flex - ustawia wertykalnie)
- position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
To samo się tyczy linii <br><br><br> ... <br>
<br>: The Line Break element

[ Equivalent to <center> tag in CSS? [duplicate] ]
Moja propozycja 
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta author="Fishu">
<title>Frampole Industrials</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<img src="images/logo.png" class="logo">
<div class="main">
<ol>
<li><a href="">MENU</a></li>
<li><a href="">O FIRMIE</a></li>
<li><a href="">PRODUKTY</a></li>
</ol>
</div>
<footer class="stopka"><p>Twórca strony: Fishu</p></footer>
</body>
</html>
*
{
box-sizing: border-box;
}
body
{
background-image: url(images/tlo.png);
background-size: cover;
background-attachment: fixed;
}
.logo
{
display: block;
width: 30%;
margin: 0 auto 200px auto;
background-color: #f5f5f0;
border: red solid 9px;
border-radius: 50%;
}
.main
{
width: 900px;
height: 100px;
background-color: black;
border: 5px solid black;
display: flex;
justify-content: center;
}
ol
{
list-style: none;
background-color: #999999;
height: 50px;
width: 100%;
padding: 0;
margin: 0;
}
ol a
{
display: block;
text-decoration: none;
color: black;
}
ol > li
{
width: 33%;
height: 50px;
text-align: center;
display: inline-block;
}
ol > li:hover
{
background-color: #666666;
}
.stopka
{
background-color: black;
width: 900px;
height: 50px;
float: left;
color: gray;
}