body {
	/* font-weight 300 400 500 700 */
	font-weight:500;
	font-size:14px;
	color:#050505;

	animation: fadein 1s forwards;
}

a {
	color:var(--accent2);
}
a:hover {
	color:var(--accent2);
}

#main {
	width:550px;
	margin:0 auto;
	margin-bottom:80px;
	margin-top:100px;
}



#mly-image img {
	width:125px;
	margin-top:70px;
	margin-bottom:50px;
}

#links {
	margin-right:50px;

	text-align:center;
}

.li-top {
	margin-bottom:28px;
}
#links ul {
	list-style-type: none;
}
#links li {
	position:relative;
}
#links li::before {
	content:'';
	position:absolute;
	left:-10px;
	bottom:-5px;
	width:calc(100% + 20px);
	border-bottom:solid 1px #050505;
}
#links a {
	color:#050505;
	text-decoration: none;
}

#about {
	line-height:1.8;
	margin-bottom:40px;
}

#start-osyaberi {
	width:240px;
	border-bottom:solid 1px #050505;
	text-align:center;
	line-height:2.2;

	margin-bottom:80px;
}

#start-osyaberi a {
	color:#050505;
	text-decoration:none;
}

#start-osyaberi2 {
	display:block;
	margin-top: 20px;
	margin-bottom:60px;
	font-size:18px;
}

#desc {
	margin-top:60px;
}

#instructions {
	margin:40px 0;
	margin-top:60px;
}

#history {
	margin:40px 0;
}

#question {
	margin:40px 0;
}

.hr1 {
	border-top:1px solid var(--secondary);
}


@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

@media screen and (max-width: 500px) {
	#main {
		width:80%;
	}

	#title-logo {
		margin-left:10px;
	}
}