@font-face {
    font-family: 'jve';
    src: url('assets/fonts/8bitOperatorPlus-Bold.ttf');
}
@font-face {
    font-family: 'body';
    font-size: 150%;
    src: url('assets/fonts/8bitOperatorPlus-Bold.ttf');
}
@font-face {
    font-family: 'bold';
    font-size: 100%;
    src: url('assets/fonts/8bitOperatorPlus-Bold.ttf');
}
body {
    text-rendering:optimizeSpeed;
    background-color: black;
    color: white;
    font-family: 'body';
    text-align: left;
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.text{
    font-size: 1.2em;
}
h1 {
    text-align: center;
    color: #FEE047;
    line-height: 0.8em;
    font-family: 'jve';
    font-size: 5em;
    letter-spacing: 5px;
    font-weight: normal;
}

h2 {
    text-align: center;
    font-weight: normal;
    font-family: 'jve';
    color: #FEE047;
    line-height: 0.8em;
    font-size: 3em;
    letter-spacing: 2px;
}

.responsive-image {
    max-width: 100%;
    height:auto;
}
main title{
    text-align: center;
    font-weight: normal;
    font-family: 'jve';
    color: #FEE047;
    line-height: 0.8em;
    font-size: 3em;
    letter-spacing: 2px;
}
.link-button {
border: 2px solid yellow;
padding: 10px;
font-size: 18px;
margin-left: auto;
margin-right: auto;
color: yellow;
      }
      /* unvisited link */
b:link {
        text-decoration: underline;
}

/* visited link */
b:visited {
        text-decoration: underline;
}

/* hovering link */
b:hover {
        text-decoration: underline;
}

/* selected link */
b:active {
        text-decoration: underline;
}
button {
    text-rendering: optimizeSpeed;
    display: flex;
    cursor:pointer;
    color: #FEE047;
    background-color: black;
    border: 2px solid #FEE047;
    font-size: 1.5em;
    font-family: 'jve';
    text-decoration: none;
    align-items: center;
    white-space: nowrap; /* Prevent text from breaking */
    width: min-content;
    padding: 10px 20px;
    letter-spacing: 1px;
    align-self: center;
}
quote name{
    font-family: 'jve';
    font-size: 1.5em;
    letter-spacing: 1px;
}
credit{
    color: gray;
    font-size: .8em;
    align-self: center;
    margin-bottom: 20px;
    margin-top: -10px;
}