html {
	scroll-behavior: smooth;
}

hr {
	border-color: cornflowerblue;
}

.img {
	border-radius: 50%;
    width: 210px;
    height: 210px;
    margin: 50px 50px 0 50px;
    background-position: center;
    background-image: url(IMG_3593.JPG);
    background-size: cover;
    object-fit: contain;
}

.container {
	margin: 5px auto;
	text-align: center;
}

.container .header {
	width: 850px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.container a{
	text-decoration: none;
	color: #111;
}

.container a:hover{
	text-decoration: underline;
}

.container .main {
	width: 850px;
	text-align: left;
	display: inline-block;
}

.container .main .flex{
	display: flex;
	justify-content: space-between;
}

ol {
	margin-left: 0em;
}

ol li {
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

ol li:before {
	content: "[" counter(cnt) "]";
	display: inline-block;
	margin-left: -3.5em;
	width: 3em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}