@charset "UTF-8";

body {
	font-family: 'Arial', sans-serif;
	background-color: #f6f8fa;
	color: #333;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

header {
	background-color: #24292e;
	color: white;
	text-align: center;
	padding: 20px;
}

footer {
	background-color: #24292e;
	color: white;
	text-align: center;
	font-size: 0.9rem;
	margin-top: auto;
	padding: 10px;
}
footer a {
  color: white;
  text-decoration: none;
}

.repo {
	background: white;
	border: 1px solid #e1e4e8;
	border-radius: 6px;
	padding: 15px;
	margin: 15px 1rem;
}

.repo a {
	text-decoration: none;
	color: #0366d6;
}

.repo a:hover {
	text-decoration: underline;
}

.repo p {
	margin: 0;
}

.repo-info {
	color: #586069;
}



.repo-details {
  background: white;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 15px;
  margin: 15px 1.5rem;  
}
.repo-details a {
	text-decoration: none;
	color: #0366d6;
}
.repo-details a:hover {
	text-decoration: underline;
}
.repo-details h2 {
  margin: 0 0 10px;  
}

.repo-details ul {
  list-style-type: none; 
  padding: 0; 
}
.repo-details details{
	margin: 4px 0;
}
.repo-details li {
  margin: 4px 0;
}

.additional-docs {
  background: white;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 15px;
  margin: 15px 1.5rem;
}

.additional-docs h3 {
  margin: 0 0 10px; 
}
.additional-docs h4 {
  margin: 0 0 10px; 
}
.additional-docs a {
	text-decoration: none;
	color: #0366d6;
}

.additional-docs a:hover {
	text-decoration: underline;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #ffffffa1;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color:#424141d1;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: #151515c7;
  }

details {
	padding-left: 10px
  }
details#default {
	padding-left: unset;
}
li {
	padding-left:10px;
}
li#default {
	padding-left:unset;
}

.code-block {
	background-color: white;
	padding: 10px; 
	border: 1px solid #e1e4e8; 
	white-space: pre-wrap; 
	overflow-wrap: break-word;
	word-wrap: break-word; 
	font-family: inherit;
}