/* 
Gaiši melnais – #33383a
Tumši melnais – #2e3234
Zilais – #4fc3f7
 */

/* body {    background-color: #f2f2f2;} */

.bg-dark {
background-color: #2e3234;
 }

.bg-main {
background-color: #4fc3f7;
 }
 
 .bg-piemers {
background-color: #f7fcfb;
padding: 10px 10px 1px 15px;
margin-bottom: 15px;
border-left: 5px solid #4fc3f7;
 }

 hr {
 	border: 1px solid #4fc3f7;
 	margin: 50px -15px;
 }
h1 {color: #2b93c7;}


h2::before {
	content:"# ";
	color: #c2c2c2;
}

h3::before {
	content:"|| ";
	color: #c2c2c2;
}

h4 {
	margin-top: 35px;
	margin-bottom: 20px
}

h4::before {
	content:"<|> ";
	color: #c2c2c2;
}

h3, h5 {
	margin-top: 30px;
	margin-bottom: 15px;
}

h5::before {
	content:"</> ";
	color: #c2c2c2;
}



h6 {
    background-color: #33383a;
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
    padding: 10px 20px;
display: inline-block
    }

header h1 {color: #fff; padding: 25px 0}

ul li {
    margin-bottom: .5em;
    padding-bottom: 0.5em;
	border-bottom: 1px solid #f5f2f1;
}

.highlight {margin: 25px; padding: 25px; border: 1px solid #f2f2f2;}
.highlight pre code {font-size:inherit;color:#212529}

.nt {
    color: #2f6f9f;
}
.na {
    color: #4f9fcf;
}
.s {
    color: #d44950;
}

.fona-bilde {position: relative;
width: 100%; height: 400px;
background: #ffffff url("img/fons-html.png") no-repeat right top; 
background-size:contain;
}

h1.header {position: absolute; left: 0; top: 50%;
color: #2e637d;
}

    
.column-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    vertical-align: top;
    margin: 10px 0 25px 0;
}