h1 {
  font-size: 8rem;
}

h2 {
  font-size: 1.6rem;
}

p {
  font-size: 1.25rem;
  width: 60%;

}


div.c {
  width: 50%;
  border: 1px solid black;  
}

body{
    padding: 75px;
}



/* Classes for image sizing */

.video{
width:60%; 
margin-top: 80px;
}

.img-portrait{
width: 35%;
margin-top: 80px;
}

.img-portrait-big{
width: 95%;
margin-top: 80px;
}

.img-landscape{
width:60%; 
margin-top: 80px;
}


/* Classes for shadow on mouse hover */

.img-portrait-shadow{
width: 35%;
margin-top: 80px;
}

.img-portrait-shadow:hover{
box-shadow: 20px 20px 5px -5px rgba(0,0,0,1);
}

.img-landscape-shadow{
width:60%; 
margin-top: 80px;
}

.img-landscape-shadow:hover{
box-shadow: 20px 20px 5px -5px rgba(0,0,0,1);
}


  body {
    display: block;
  }
  
  article {
    border: none;
    padding: 0;
  }

  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a {
    text-decoration: none;
  }
  p {
    widows: 3;
    orphans: 3;
  }

   p1 {
    width:60%;
    widows: 3;
    orphans: 3;
  }
  hr {
    border-top: var(--border-width) solid var(--border);
  }
  mark {
    border: var(--border-width) solid var(--border);
  }
  
  .container {
    display: flex;
    justify-content: left;
}
    
iframe {
    aspect-ratio: 16 / 9;
    width: 60% !important;
}