@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&family=Source+Code+Pro&display=swap');

* { font-family:inherit; }
pre { font-family:'Source Code Pro',monospace; font-size:17px; overflow:auto; max-width:100%; }
h1,h2,h3,b,strong { font-weight:500; }
a { text-decoration:none; color:#eb008b; transition:all .3s ease-in-out; }
a:hover { text-decoration:underline; color:#313859; }

html, body { margin:0; padding:0; background:#f7f7f7; font-size:18px; font-family:'Montserrat',sans-serif; font-weight:300; }

header { background:#fff; }
header>div { width:1170px; max-width:100%; padding:0 30px; margin:auto; line-height:80px; }
header #logo { display:inline-block; width:64px; height:64px; vertical-align:middle; background:transparent url(logoS.png) no-repeat scroll 0 0/100% auto; margin:-6px 20px 0 0; }
header h1 { display:inline; font-size:28px; vertical-align:bottom; }

button, a.btn {
	display:inline-block; text-decoration:none; transition:all .3s ease-in-out;
	white-space:nowrap; cursor:pointer;
	outline:none; padding:0 25px; margin:0; border-radius:3px; line-height:48px;
	font-weight:500; text-transform:uppercase; font-size:13px; text-align:center; vertical-align:middle;
	color:#fff; background:#eb008b; border:1px solid #eb008b;
}
buttton:hover, a.btn:hover { background:#313859; border:1px solid #fff; }

main { width:1170px; max-width:100%; padding:20px; margin:auto; }
.btnbox { margin:30px 0; text-align:center; }
.btnbox button, .btnbox a.btn { margin:10px 20px; }
pre.dark { border:1px solid #000; background:#222; color:#f1f1f1; padding:10px; font-size:15px; border-radius:5px; }