@import url(https://fonts.googleapis.com/css2?family=Material%20Icons&family=Open+Sans&family=Poppins:wght@500&family=Source+Code+Pro&display=swap);
section {
  background:#111;
  overflow:hidden;
  margin:-8px -18px;
  padding:10px
}
.home-content-container {
  display:flex;
  justify-content:center;
  flex-wrap:wrap
}
footer,
html {
  background:#000
}
.global-announcement-container {
  padding:10px 10px 0;
  margin: -9px -18px 9px!important;
  background:#333
}
footer {
  padding:20px;
  margin:8px -18px -18px;
  text-align:center
}
html {
  overflow-x:hidden
}
.global-post-container,
code,
footer *,
h1,
h2,
h3,
h4,
h5,
h6,
header *,
li,
p,
td,
th,
tr {
  font-family:Poppins
}
code {
  padding:2px;
  font-weight:100
}
.highlight .c,
.highlight .c1,
.highlight .cd,
.highlight .cm,
.highlight .cs,
a:link {
  color:#aaf
}
a:visited {
  color:#55c
}
.navigation-container {
  border-radius:0!important;
  margin: -9px -18px 8px!important;
}
.wrapper {
  width:auto;
  padding:1px 10px 10px;
  margin:0 auto;
  color:#ccc
}
.navigation-container header a {
  background:0 0;
  padding:0;
  color:#ccc!important
}
.navigation-container a,
a.home-content-image p,
footer * {
  color:#ccc;
  text-decoration:none
}
header * {
  font-size:32px;
  line-height:40px;
  vertical-align:middle
}
.global-post-container {
  padding:10px;
  border-radius:10px;
  background:#111;
  line-height:16px;
  margin-bottom: 9px;
}
h2:first-of-type {
  display:none
}
.global-post-label {
  font-size:20px;
  position:absolute
}
.global-post-icon {
  font-size:20px;
  font-family:'Material Icons';
  margin-left:calc(100% - 20px)
}
.global-post-details {
  font-size:14px;
  font-family:'Open Sans';
  display:grid
}
.home-content-image {
  display:inline-grid;
  max-width:calc(100% - 8px);
  width:325px;
  overflow:visible;
  text-decoration:none;
  margin:4px
}
.home-content-image img {
  width:100%;
  border-radius:10px;
  aspect-ratio:520/245;
  box-shadow:#000 2px 2px 6px 0;
  object-fit:cover
}
.home-content-image:last-of-type,
.home-content-image:not(:last-of-type) {
  margin-bottom:10px
}
a.home-content-image p {
  position:absolute;
  margin:0;
  border-radius:10px 0;
  padding:8px;
  background:#333c;
  line-height:16px
}
.changelog-container h3,
.filedownload-container a {
  font-family:Poppins;
  display:inline-block;
  font-size:16px;
  line-height:28px;
  vertical-align:middle;
  margin:0 0 0 4px;
  text-decoration:none;
  color:#ccc;
  font-weight:700
}
.changelog-container h4 {
  font-family:'Open Sans';
  margin:0
}
.changelog-container,
.filedownload-container,
.navigation-container {
  background:#333;
  padding:10px;
  border-radius:10px;
  margin-top:8px;
  margin-bottom:8px
}
.changelog-container i,
.filedownload-container i {
  display:inline-block;
  line-height:28px;
  vertical-align:middle;
  font-size:24px
}
h3,
h4 {
  font-size:80%
}
img {
  border-radius:10px;
  max-height:350px;
  max-width:100%
}
::-webkit-scrollbar {
  width:8px
}
::-webkit-scrollbar-thumb {
  background:#333
}
::-webkit-scrollbar-track {
  background:#000
}
.navigation-container a {
  padding:10px;
  margin-right:4px;
  background:#222;
  font-size:24px;
  width:24px;
  border-radius:16px
}
.navigation-container a:hover {
  color:#fff
}
.dreamsdb.sectioninfo,
footer * {
  margin:0
}
.highlight,
.highlight .w {
  color:#d0d0d0;
  background:#222;
  padding:6px;
  border-radius:10px;
  margin-bottom:8px
}
.highlight .err {
  color:#151515;
  background-color:#ac4142
}
.highlight .cp,
.highlight .nc,
.highlight .nn,
.highlight .no,
.highlight .nt {
  color:#f4bf75
}
.highlight .o,
.highlight .ow,
.highlight .p,
.highlight .pi {
  color:#d0d0d0
}
.highlight .gi,
.highlight .il,
.highlight .m,
.highlight .mb,
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo,
.highlight .mx,
.highlight .s,
.highlight .s1,
.highlight .s2,
.highlight .sb,
.highlight .sc,
.highlight .sd,
.highlight .sh,
.highlight .ss,
.highlight .sx {
  color:#90a959
}
.highlight .gd {
  color:#ac4142
}
.highlight .gh {
  color:#6a9fb5;
  font-weight:700
}
.highlight .k,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .kv {
  color:#aa759f
}
.highlight .kc,
.highlight .kd,
.highlight .kt {
  color:#d28445
}
.highlight .sr {
  color:#75b5aa
}
.highlight .se,
.highlight .si {
  color:#8f5536
}
.highlight .na {
  color:#6a9fb5
}
pre code {
  color:#f8f8f2;
  font-family:'Source Code Pro'
}
.version-container img {
  height:40px;
  width:40px
}
.version-container a {
  position:absolute;
  line-height:40px;
  font-size:20px
}
p.dreamsdb.infostats,
p.dreamsdb.infotitle {
  position:relative;
  background:0 0;
  display:inline
}
a.dreamsdb.username {
  line-height:44px;
  font-size:24px
}
img.dreamsdb.imp {
  transform:scale(1.7) rotate(-5deg);
  height:44px;
  width:44px
}
.dreamsdb.impusername-container {
  height:44px
}
a.dreamsdb.section {
  margin-bottom:8px;
  margin-top:0
}
p.dreamsdb.infotitle {
  line-height:20px;
  font-size:20px;
  font-weight:700
}
p.dreamsdb.infotitle.infodesc {
  display:block;
  font-size:14px;
  line-height:14px;
  font-weight:400
}
p.dreamsdb.infostats {
  font-weight:200
}
.navigation-container.post-links {
  background:transparent;
  padding:0;
  margin:0!important;
  margin-top:8px!important;
}
input,
textarea {
  margin-bottom:6px;
  background:#333;
  border:none;
  padding:10px;
  color:#ccc;
  width:-webkit-fill-available;
  border-radius:10px
}
button {
  margin-top:4px;
  padding:10px;
  color:#ccc;
  border:none;
  border-radius:10px;
  background:#000
}
button:hover {
  background:#333
}
textarea::-webkit-scrollbar-thumb {
  background:#000
}
textarea::-webkit-scrollbar-track {
  background:#0000
}
form {
  margin:0
}
/*

------------------------------------------------------------------------
 | Keeterial is a theme built with partial inspiration from Material  |
------------------------------------------------------------------------
 | Keeterial 5.04                                                     |
 | Build Date: Sep 02, 2023                                           |
------------------------------------------------------------------------
 | Some aspects of this CSS are unfinished and may change             |
----------------------------------------------------------------------*/