/*  HOME */


.header-text{
    background-color:#D29F3F;
    display: flex;
    width: auto;
    opacity: 0.8;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0; 
    font-family: Arial, sans-serif;
     padding: 40px;
    color: white;
    font-size: 39px;
}
body {
    background-image: url(../_images/vinyl.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    margin: 0%;
    font-family: Arial, sans-serif; 
    color: white;
}
#wrapper {
    margin: 0 auto;
    width:auto;
    min-height: 1940px;
    position: relative;
}
a {
    color: white;
}
a:hover {
    color:darkgoldenrod
}
/*  Some interests include */
.intro-box {
    text-align: center;
    color: white;
    font-family: Arial, sans-serif;
    position: relative;
    font-size: 25px;
}

.page-title {
 background-color: #D29F3F;
}
footer {
    background-color:#D29F3F;
    color: white;
    font-size: 30px;
    bottom:0px;
    width: 100%;
    position: absolute;
}
nav a {
    text-decoration: none;
    color: white;
    display: inline-block;
    margin-right: 30px;
    font-size: 30px;
}
nav {
    text-align: center;
    background-color: rgba(200, 155, 60, 0.9);
    padding: 10px;
}
nav a {
    color: white;
    margin: 0 20px;
    text-decoration: none;
    font-size: 18px;
}
.page-title {
    background-color: rgba(200, 155, 60, 0.9);
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}
.intro-box {
    background-color: rgba(200, 155, 60, 0.85);
    width: 70%;
    margin: 40px auto;
    padding: 20px;
    text-align: center;
}
.text-box {
    background-color: rgba(200, 155, 60, 0.85); 
    width: 60%;
    margin: 20px auto; 
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 25px;
}
.interests-box {
    background-color: rgba(200, 155, 60, 0.9);
    width: 25%;
    margin: 40px auto;
    padding: 39px;
}
.interests-box ul {
    list-style-type: disc;
    list-style-position: inside;  
    text-align: left;  
    display: inline-block;
    font-size: 25px;
}
.quote-box {
    background-color: rgba(200, 155, 60, 0.8);
    width: 70%;
    margin: 60px auto;
    padding: 15px;
    text-align: center;
    font-style: italic;
}
#moonlight {
    font-family: monospace;
    font-size: 50px;
}
footer {
    background-color: #c89b3c;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.4;
}
footer a {
    color: white;
    text-decoration: none;
}



/* GALLERY */

.page-title {
    text-align: center;
    background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 5px;
    border-radius: 5px;
}
.intro-box {
    background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}
.solo-gallery-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
.solo-gallery-text {
    background-color: rgba(200, 155, 60, 0.85);
    width: 50%;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    font-size: 25px;
}
.page-container {
    display: flex; 
    flex-direction: column;
    min-height: 100vh;
}


/* ABOUT */

h1 {
    text-align: center;
    margin-top: 40px;
}
.about-box {
    background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
}
.about-section {
    text-align: center;
    background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
}
.image-row {
    display: flex; /* puts images side by side */
    justify-content: center;
    gap: 30px; /* space between images */
    margin: 40px 0;
}
.image-row img {
    width: 200px;
    height: 250px;
    object-fit: cover; /* keeps images from stretching weirdly */
}
.resume-section {
    text-align: center;
     background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
}
.resume-section img {
    width: 200px;
    margin-top: 20px;
}
.small-footer {
    background-color: #c89b3c;
    padding: 10px 10px;   
    font-size: 14px;      
    line-height: 1.4;     
}


/* MEDIA */

.media-box {
    background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}
.media-section {
    text-align: center;
    background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
}
.ryan-video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}


/* LINKS */

.links-box {
    background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
    text-align: center;
}
.links-section {
    text-align: center;
    background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
}
#albums {
    text-shadow: black 1px 0 10px;
}
.links-text{
background-color: rgba(200, 155, 60, 0.85); /* semi-transparent gold */
    width: 60%;
    margin: 20px auto; /* centers the box */
    padding: 20px;
    border-radius: 5px;
}
.links-footer {
    background-color:#D29F3F;
    color: white;
    bottom:0px;
    position: relative;
}