body
{
   background-color: white;
   color:            black;
   font-family:      sans-serif;
}

h1
{
   font-size: xxx-large;
}

h2
{
   font-size: x-large;
}

h3
{
   font-size:   large;
   line-height: 0.5;
}

p
{
   font-size:   small;
}

li
{
   font-size:   small;
}

A:link, A:visited, A:active
{ 
   color:           #000000;
   text-decoration: none;
}

A:hover
{
   color: #0000CC;
}

.icon
{
   height:        10vw;
   border-radius: 50%;   
}

.title
{
   background-color: black;
   color:            white;
   text-shadow:      0 0 5px black;
   border-style:     none none none none;
   border-width:     0    0    0    0;
   padding:          0.1vh 0.1vh 0.1vh 0;
   background-image: url("banner.jpg");
   background-size:  cover;
}

.navigation_and_content
{
   display:               grid;
   grid-template-columns: max-content auto;
}

.navigation
{
   border-style:      solid;
   border-width:      thin;
   padding:           1vw;
}

.content
{
   border-style:  solid;
   border-width:  thin;
   padding-left:  1vw;
   padding-right: 1vw;
}

.external_link
{
   display:         flex;
   align-items:     center;
   justify-content: left;
}