@charset "utf-8";

main 		{margin: auto; width: var(--strsire); text-align: center; min-height: 600px;}
main h2		{font-size: 35px; text-align: center; color: var(--modr); padding-top: 40px; margin-bottom: 25px;}
main hr 	{margin: auto; width: 200px; border: 1px solid var(--cerv); margin-bottom: 45px;}

main div 					{display: grid; gap: 20px 20px; grid-template-columns: auto auto; margin-bottom: 150px;}
main div article			{text-align: left; background-color: var(--stri);}
main div article a 			{display: block; height: 100%; padding: 20px 20px 40px 20px; color: var(--modr); position: relative;}
main div article button		{font-size: 14px; background-color: var(--cerv); border: 0px; color: var(--bila); margin-bottom: 15px; margin-right: 5px; padding: 3px 7px;} 
main div article a h3		{font-size: 25px; margin-bottom: 15px;}
main div article a p 		{font-size: 18px; margin-bottom: 25px;}
main div article a time		{position: absolute; bottom: 20px; font-size: 16px; color: #888;}
main div article a span		{position: absolute; bottom: 20px; right: 20px; font-size: 16px; font-weight: 500; color: var(--modr);}
main div article a:hover 	{background-color: var(--modr);}
main div article a:hover h3 {color: var(--bila);}
main div article a:hover p 	{color: var(--bila);}
main div article a:hover span 	{color: var(--bila);}