/* homepage style.css */

body {background: #131414;}

main {
	color: #9ba0aa;
	xcolor: #d6d9df;
	background-color: #1e1f20;
	margin-bottom: 25px;
	padding: 15px;
	}

main li {
	margin-bottom: 5px;
	}

h2 {font-size: 25px;} /* 22px */

hr {margin-top: 17px; margin-bottom: 0px;}

main .section {margin-top: 35px;}

main .section:last-of-type {margin-bottom: 35px;}

main .welcome {position: relative;  line-height: 1.46em;}

main .welcome .mains {display: flex; grid-template-columns: auto 1fr; position: relative; grid-gap: 2px; align-items: center;}

main .welcome .mains .text h1 {font-size: 42px;}

main .logo {opacity: 0.85;}

main button {opacity: 0.85;}

.section.ps:not(.open) .hide-on-not-open {display: none;}
.section.ps.open .hide-on-open {display: none;}

.click-to-open {cursor: pointer;}

img {width: 100%;}

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



@media (min-width: 768px){
	xbody {background: #fefefe;}

	xmain {width: 487px; margin-left: auto; margin-right: auto; background: #f7f8f9; padding: 75px; border-radius: 7px;}
	main {width: 487px; margin-left: auto; margin-right: auto; padding: 75px; border-radius: 7px;}
	}