body {
  background-size: 100% 100%;
  background-image: linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
  background-image: -o-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
  background-image: -moz-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
  background-image: -webkit-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
  background-image: -ms-linear-gradient(left, rgb(217,217,217) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
  font-family: "Libertinus", "Linux Libertine", 'Times New Roman', serif;
}

pre, code {
    font-family: "Fantasque Sans Mono";
}

hr.small {
  border-width: 5px;
  border-color: #00a185;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Linux Biolinum", 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 800;
}

p a, li a {
  color: #00a185;
}

a {
  color: inherit;
}
a:hover,
a:focus,
.colored {
  color: #00a185;
}

::-moz-selection {
  background: #00a185;
}
::selection {
  background: #00a185;
}

.about-icon {
  margin-top: 5px;
  position: absolute;
  left: -12px;
}

.navbar-custom {
  background-color: #000000;
  background-image: linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
  background-image: -o-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
  border-bottom: 5px #00a185 solid;
  color: #fafafa;
  font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.navbar-custom .nav li a {
  font-size: 14px;
}

.navbar-custom .navbar-brand {
    font-size: 25px;
}

.navbar-custom .navbar-brand,
.navbar-custom .nav li a {
  font-weight: 800;
  color: #fafafa;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus ,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #00a185;
}

.navbar-custom .nav .navlinks-container .navlinks-children a {
  background: #232323;
}
@media only screen and (max-width: 767px) {
  .navbar-custom .nav .navlinks-container.show-children {
    background: #131313;
  }
}
@media only screen and (min-width: 768px) {
  .navbar-custom .nav .navlinks-container:hover {
    background: #131313;
  }
  .navbar-custom .nav .navlinks-container .navlinks-children a {
    border: 1px solid #323232;
  }
}

footer {
  background-color: black;
  background-image: linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
  background-image: -o-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
  background-image: -moz-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
  background-image: -webkit-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
  background-image: -ms-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
}
footer a {
  color: inherit;
}

.pager li a:hover,
.pager li a:focus {
  background: #00a185;
  border: 1px solid #00a185;
}

.post-preview {
  border-bottom: 5px solid #00a185;
}
.post-preview .post-entry {
  font-family: inherit;
}
.blog-tags {
  font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
footer .copyright {
  font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.thumbApp {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px 1px 15px 1px;
    box-shadow: 0px 0px 10px #555;
    font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    height: 200px;
    display: block;
    float: left;
    margin-right: 0.5%;
    margin-bottom: 20px;
    width: 24.5%;
    min-width: 149px;
}

.thumbApp p {
    background-color: rgba(0,0,0,0.7);
    border-bottom: solid 4px #00a185;
    color: white;
    font-weight: bolder;
    margin-top: 123px;
    padding: 10px;
}
.thumbApp:hover p {
    color: #00a185;
    border-color: #0085a1;
}
.thumbApp p span{
    display: table-cell;
    vertical-align: middle;
    line-height: 0.9;
    height: 1.8em;
    text-indent: -0.3em;
    padding-left: 0.3em;
}
.thumbApp img {
    border-radius: inherit;
    width: 100%;
}

@media screen and (prefers-color-scheme: dark) {
    body {
        background-image: linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
        background-image: -o-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
        background-image: -moz-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
        background-image: -webkit-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
        background-image: -ms-linear-gradient(left, rgb(38,38,38) 0%, rgb(25,25,25) 25%, rgb(13,13,13) 50%, rgb(5,5,5) 75%, rgb(38,38,38) 100%);
    }

    pre {
        background-color: #090909;
        border: #777;
    }

    footer .footer-links li {
        color: #00a185;
    }
}
