html {
  scrollbar-width: thin; /* Options: auto, thin, none */
  scrollbar-color: #888 #14120b; /* thumb color, track color */
  margin: 0;
  padding: 0;
}

body {
    background-color: rgb(44, 45, 43);
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.content-wrapper {
    flex: 1;
}

.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    width: auto;
    margin: 50px 50px 50px 50px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.316);
}

h1 {
    color: rgb(246, 225, 178);
    font-family: monospace;
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 1%;
}

p {
    color: rgb(149, 147, 147);
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: justify;
    font-size: 1.22em;
    margin-bottom: 4%;
    margin-left: 4%;
    margin-right: 4%;
}

h2 {
    color: rgba(180, 180, 180, 0.86);
    font-family: monospace;
    text-align: left;
    font-size: 2em;
    margin-top: -1.5%;
    margin-bottom: 1.5%;
    margin-left: 4%;
}

h3 {
    color: rgb(255, 255, 255);
    font-family: monospace;
    text-align: left;
    font-size: 1.4em;
    margin-bottom: 1.5%;
    margin-left: 2%;
    width: max-content;
    transition: margin-left 0.3s ease, text-decoration 0.3s ease;
}

h3:hover {
    margin-left: 1.5%;
    cursor: pointer;
}