body, html {
    height: 100%;
    line-height: 1.8;
  }
  
  mark {
    background-color: #fff5f5;
  }
  
  b{ 
      font-weight: bold; 
  }
  
  strong{ 
      font-weight: bold; 
  }
  
  
  a{
    color: #fb6762;
  }

  a:hover {
    color: #fb6762; /* No color change on hover */
  }

  a:visited {
    color: #fb6762; /* Keep original color even when visited */
  }

  a:active {
    color: #D84A45; /* Darker shade when clicked */
  }
  span{
    color: #fb6762;
  }
  #rcorners1 {
    /* Removed special styling - plain text only */
  }
  
  .shadow{
    border-radius: 200px;
    transition: all 0.3s ease-in-out;
  }
  
  .shadow:hover{
    filter: drop-shadow(-7px 7px #525250);
    transform: translate(7px, -7px);
    /*transition: all ease-in 0.3s;*/
  }
  .bg-light-grey {
  background-color: #f3f3f5; 
}

  .bg-light-pink {
    background-color: #fff4f4; 
  }

  .badge-index {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-weight: normal;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    font-family: 'Open Sans';
    margin: 0px 3px 3px 0px;
  }

.about-icon{
  height: 50px;
}

.section-about{
  padding-bottom: 0;
}

.callout-section{
  border-radius: 15px;
  background: #F9F9FA;
  padding: 20px; 
  margin-bottom: 45px;
}

.underline-link a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: black;
}
.underline-link a:hover{
  /* No color change on hover */
}

.underline-link a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.075em;
  bottom:0px;
  left: 0;
  background: currentcolor;
  transform-origin: bottom left;
  transition: transform 0.25s ease-out;
}
.underline-link a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.column-skills{
  column-count: 2;
  padding-bottom: 20px;
}

.column-skills p{
  margin-bottom: 0.1rem;
}

.coursework-list p{
  margin-bottom: 0px;
}

.coursework-list ul{
  padding-inline-start: 20px;
}

.coursework-ul span {
  display: inline-block;
  min-width: 80px;
}

.course-name {
  height: 20px;
  flex: 0 0 200px;
  margin-left: 10px;
}

.coursework-list details {
  background: #F9F9FA;
  border-radius: 15px; 
  margin-bottom: 0.5rem;
  padding: 1rem 1rem;
}

#skills_collapse summary{
  background: #F9F9FA;
  padding: 0.25em 0.5em;
  border-radius: 0.25rem; 
  margin-bottom: 0.5rem;
}

.coursework-list summary {
  cursor: pointer;
}

.coursework-list summary > * {
  display: inline;
  padding-left: 3px;
}

.margin-btm{
  margin-bottom: 0.5rem ;
}

.course-desc{
  display: none;
}

.coursework-ul li:nth-child(n):hover .course-desc{
  display: block;
  font-style: italic;
  color: grey;
  padding-left: 80px;
}

.coursework-ul li {
  /* display: flex; */
  flex-wrap: wrap;
}

.lesson-colour{
  color: grey;
  font-style: italic;
}

.about-table-of-contents h6{
  margin-bottom: 12px;
}

.about-table-of-contents a {
  display: inline-block;
  position: relative;
  color: #FB6762;
  text-decoration: none;
}
.about-table-of-contents a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.075em;
  bottom: -5px;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.about-table-of-contents a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.section-about-fun p{
  margin-bottom: 0px ;
}

a ~ .icon-footer {
  text-decoration: none;
} 

@media (min-width: 768px){
  .about-table-of-contents{
        display: block;
        margin-top: 393px;
        top: 15px;
        position: sticky;
        position: -webkit-sticky;
  }
  #rounded-corners {
      border-radius: 15px;
      background: #F9F9FA;
      padding: 15px; 
      margin-bottom: 20px;
    }
}

@media (max-width: 968px){
  .about-table-of-contents{
      margin-top: 349px;
  }
}

@media (max-width: 767px){
  .about-table-of-contents{
      display: none;
  }
}


  @media screen and (min-width: 425px) {
    .about-textTop{
      vertical-align: top;
    }
  }
  
  @media screen and (max-width: 901px) {
    .about-textTop{
      font-weight: bold;
      Font-Family: 'Roboto Condensed', Serif;
    }
  }
  
  @media screen and (min-width: 1171px) {
    .about-textTop{
      vertical-align: top;
    }
    .about-padding{
      padding: 48px 0px 48px 0px;
      display: flex;
      justify-content: center;
    }
    .about-img img{
      height: 300px;
      margin-right: 28px;
    }
  }
  
  @media screen and (max-width: 1171px) {
    .about-img img{
      height: 224px;
    }
    .about-padding{
      padding: 48px 0px 36px 0px;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }
  }

  @media screen and (max-width: 425px) {
    .about-img img{
      height: 150px;
    }
  }
  @media screen and (min-width: 901px) {
    .about-textTop{
      font-weight: bold;
      Font-Family: 'Roboto Condensed', Serif;
    }
  }
@media screen and (max-width: 768px) {
  #resume-button .btn:hover{
    transform: translateX(3px);
  }
}
@media screen and (max-width: 550px){
  .coursework-ul li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .coursework-ul li:nth-child(n):hover .course-desc {
    padding-left: 0px;
  }
}

.line-height-1{
    line-height: 1.4;
}