body {
	background-color: #000;
	color: #9ef9eb;
}

a:link, a:visited {
	color: #9ef9eb;
}
#main-block {
	background-color: #222;
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 0px;
	border:2px dotted;
	margin: 75px auto;
}

/* Styles for big screens */
@media (min-width: 601px) {
  #main-block {
    max-width: 1024px;
    grid-template-columns: 300px 1fr;
  }
}

#col1 {

	padding: 25px;
	text-align: center;
}

#col2 {

	padding: 25px;
}

.avatar {
	max-width: 100%;
	margin: 0 25px 25px 0;
}

nav ul, nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-button {
	display: inline-block;
	padding: 10px;
	border: 1px solid;
	margin-top: 25px;
	text-align: center;
}

.main-button:hover, .main-button:active, .main-button:focus {
	background: #9ef9eb;
	color: #000;
}