/* libre-franklin-regular - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Libre Franklin'), local('LibreFranklin-Regular'),
       url('/fonts/libre-franklin-v4-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/libre-franklin-v4-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

BODY { color: bisque ; 
    font-family: 'Libre Franklin', sans-serif ;
    font-size: 100%;
    background: black; 
}

a:link {
	color: aquamarine;
    text-decoration: none;
}

a:visited {
	color: lightcoral;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

table {
    box-sizing: border-box;
    width: 100%;
}

TD { 
    font-size: .9em;
}

#reference {
    background-color: darkgreen;
    padding: 10px;
    border-radius: 15px;
}

#interests {
    background-color: firebrick;
    padding: 10px;
    border-radius: 15px;
}

#carl {
    background-color: steelblue;
    padding: 10px;
    border-radius: 15px;
    position: relative;
}

#di {
    background-color: darkslateblue;
    padding: 10px;
    border-radius: 15px;
}

#news {
    background-color: saddlebrown;
    padding: 10px;
    border-radius: 15px;
} 

#family {
    background-color: midnightblue;
    padding: 10px;
    border-radius: 15px;
} 

#calinc {
    height=100%;
    vertical-align: top;
}

#caldiv {
    height: 100%; 
    overflow: auto; 
    /* border-style: groove; */
    margin-top: 5px;
}

#caltable {
    height=100%;
    width=100%;
}

#caltr {
    background-color: darkgreen;
}

#caltd {
    padding: 5px;
    border-radius: 10px;
}