/* Practice different selectors:
   - Element selectors: h1, p, button
   - Class selectors: .verse, .chorus, .emphasis
   - ID selectors: #special-item
   - Descendant selectors: header p, .practice-area button
*/


.corner-gif {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000; /* Stay on top of other elements */
}

.corner-gif img {
  width: 150px; /* Adjust as needed */
  height: auto;
}


img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 750px;
}


body{
  font-family:Arial, Helvetica, sans-serif;
}


h1{
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-weight: 600;
  font-size: 150px;
  text-indent: 50px;
  font-variant: initial;
  font-style:calc();
  position: absolute; 
top: 85px;
right: 31px;
}

.second{
    font-size: 40px;
    text-decoration:line-through;
    font-family: monospace;
    text-align: right;
    position: absolute; 
top: 95px;
right: 190px;
  }

.bridge-header {
  display: flex;
  align-items: center;
  /* Space between heading and image */
}

.bridge-header img {
  width: 200px;  /* or any small size */
  height: 200px;
  object-fit: contain;
}

.bridge-img img{
  width: 200px;  /* or any small size */
  height: 200px;
  object-fit: contain;
}

  .subtitle{
    font-size: 40px;
    font-family: monospace;
    text-align: center;
  }

  h2{
    font-size: 50px;
    font-family: monospace;
  font-variant: initial;
  background-color:gold;
  font-style: oblique;
  align-items: center;
  }

  p{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:larger;
    text-align: center;
    color: black;
  }


li.color-red {
  color: red;
}

li.color-blue {
  color: blue;
}

li.color-green {   
  color: green;
}

  #special-item.style-list{
    font-size: 200px;
    font-family: Georgia, 'Times New Roman', Times, serif;
  }

  .practice-area button {
  background-color: #04AA6D; /* Green */
  border:0cqh;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  align-items: center;
}
  
  .practice-area p{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 150px;
    font-style: italic;
    color:crimson;

  }