/*
  Updated Color Palette:
    LightPurple:   #b670eb
    DarkPurple:    #7a47d7
    LightGrey:     #f4f4f4
    DarkGrey:      #a9a9a9
    AccentColor:   #D64045
*/

body {
  background-color: #f4f4f4; /* LightGrey */
  color: #333; /* Dark text for readability */
}

.github-icon {
    max-width: 5%;
}

.contact-btn {
    text-align: center;
    background-color: #D64045; /* AccentColor */
    color: white; /* Adjusted for contrast */
}

.background-image-bubbles {
    display: inline-block;
    background-image: url(../Images/sectionGradient.png);
    background-size: cover;
}

.view-height-85 {
    display: inline-block;
    height: 85vh!important;
}

.header-image {
  max-width: 50%; 
  height: 75%; 
  display: block;
  margin: 0 auto;
}

.reading {
    display: block;
    font-size: large; 
    line-height: 2.2em; 
    font-weight: 400;
    color: #333;
    max-width: 60%;
    text-align: left;
  }

  .reading-cat {
    display: block;
    font-size: large; 
    line-height: 2.2em; 
    color: #333;
    max-width: 60%;
    text-align: left;
    font-weight: bold;
  }

.card-color {
    background-color: #fff!important; /* White, for card background */
    border: 1px solid #a9a9a9; /* DarkGrey, for border */
}

.nav-color {
  background-color: #f4f4f4!important; /* LightGrey */
}

.navbar .nav-link.nav-link-custom {
  color: #D64045;
  font-weight: bold;
}

.nav-link-custom:hover {
  color: #b670eb; 
}

.background-image-portal{
    display: inline-block;
    background-image: url(../Images/ronPortal.png);
    background-size: cover;
}

.project-vid {
    height: 40vh!important;
    width: 80vh!important;
}

.footer-icon {
    max-width: 8%;
}

.content a:link {
    text-decoration: none;
    color: #7a47d7; /* DarkPurple, for links */
}

a:visited {
    color: #b670eb; /* LightPurple */
}

.collapse-color {
    border-color: #D64045!important; /* AccentColor */
    width: 30px!important;
    height: 30px;
}