/*
 * style.css
 * Copyright (C) 2020 andre
 *
 * Distributed under terms of the MIT license.
 */

 html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  font-family: 'Courier New', Courier, monospace;
}

#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1; /* Add this line */
}

a.nodecor {
    text-decoration: none;
    color: #ddd;
}

caption {
    caption-side: top;
    text-align: center;
    position: relative;
    font-size: large;
    color:#eee
}

div.content {
    margin-top: 10%;
    margin-left: 10%;
    margin-right: 10%;
}

img.rounded {
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

.header {
    color: #aaa;
    margin-top: 20px;
    margin-left: 10px;
}

.blockquote-footer {
    color: #bbb;
    font-size: 0.875em;
    margin-left: 10px;
}

.card-text {
    color: #aaa;
}

.card-header {
    background-color: rgba(51, 51, 51, 0.8);
    color: #a0a0a0;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.card-header a {
    /* color: #D79334; */
    color: #ddd;
}

.card-header a:hover {
    color: #fff;
    font-weight: bold;
}

.card {
    border: 1px solid #696b6d;
    border-radius: 1.5rem;
    background: rgba(34, 34, 34, 0.8);
    color: #ddd;
}

.bg-dark {
    background-color: #222 !important;
}


.text-success2 {
    color: #28a745 !important;
}

.text-warning {
    color: #ffc107 !important;
}

.text-danger {
    color: #dc3545 !important;
}

.footer {
    padding: 20px;
    font-size: 0.75em;
}

.row-header {
    border-bottom: 1px solid #e6e6e69f;
    font-weight: bold;
}

.striped-row {
    background-color: rgba(255, 255, 255, 0.05); /* Adjust the alpha value for desired transparency */
}