/* Krāsas no https://colorhunt.co/palette/222831393e46948979dfd0b8 222831 393E46 948979 DFD0B8 */
body{
background-color: #222831;
color: #DFD0B8;
font-family: 'Courier New', monospace;
padding: 20px 50px 80px 50px;
}
a {
color: inherit;
text-decoration: none;
}
p,h2{
padding: 30px;
margin-bottom: 20px;
}
h2 {
  min-height: 60px;
  display: flex;
  align-items: center;
}
pre {
  border-radius: 6px;
}
code {
  background-color: #393E46;
}
.galvenaisdiv{
display:flex;
justify-content:center;
gap: 20px;
padding:20px;
align-items: flex-start;
}
@media (max-width: 700px) {
.galvenaisdiv{
flex-direction: column;
align-items: stretch;
}}
.prieksmets{
background-color: #393E46;
padding: 20px;
border-radius: 4px;
flex: 1;
min-height: 250px;
}
.section{
margin-top: 50px;
padding-top: 20px;
border-top: 2px solid #948979;
display: flex;
flex-direction: column;
gap: 20px;
}
#izvelets{
color: #948979;}
.code-example{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
  align-items: stretch; /* grid makes both columns match the tallest item */
}

.code-example pre{
  margin: 0;
  padding: 15px;
  box-sizing: border-box;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  background-color: #2f3032;
  border-radius: 4px;
}

.code-example .result{
  display: block;
  background-color: #DFD0B8;
  color: #222831;
  padding: 15px;
  border-radius: 4px;
  overflow: auto;
}
.toggleBtn{
  width: 5%;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  background-color: #948979;}