html {
    position: relative;
    min-height: 100%;
}

section {
    padding: 150px 0;
}

img {
    max-width: 100%;
}

pre,
code {
    background: #f8f8f8;
    color: #333;
}

pre {
    border-left: 2px solid #ccc;
    padding: 10px;
}

code {
    display: inline-block;
    padding: 0 0.5em;
    line-height: 1.4em;
    border-radius: 3px;
}

table {
    empty-cells: show;
    border: 1px solid #cbcbcb;
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 1rem;
}

thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

th,
td {
    padding: 0.5em 1em;
}

h1.title,
h2.title {
    font-size: 2.3rem;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px 20px;
    border-left: 5px solid #eee;
    font-style: italic;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #FFD700;
}

a.title:link,
a.title:visited,
a.title:hover,
a.title:active {
    color: black !important;
    text-decoration: none !important;
}

.undertitle {
    color: #FFD700 !important;
}



body{

font-family: "Karla", serif;
font-size:1.1em;
}


/* Card */

.card,
.card-body {
    border-radius: 0px;
    border-color: transparent;
}

.card-img-top {
  border-radius:12px;
  

}



.atag{
display: inline-block;
font-size:0.7em;
padding:4px;
text-transform:uppercase;
 font-weight:500;

}


.aauthor{
display: inline-block;
font-size:0.8em;
padding:4px;
font-style:italic;

}



.a_page_desc{
font-size:1.2em;
 font-weight:500;
font-style:italic;
padding-bottom: 2vh;
}

/* Navbar */

.nav-link {
    font-size: 0.8em;
}

.fa-search {
    color: white;
}

.navbar-light,
.navbar-toggler,
.navbar-light,
.bg-light {
    border-color: white !important;
    background-color: white !important;
}

.text-yellow {
    color: #ffd700 !important;
    font-size: 180% !important;
}


/* Footer */

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 0.8em;
}

#top_banner{

width:100%;
max-height:190px;
overflow:hidden;
border-radius:12px;

}

#top_banner img{

width:100%;
height:auto;

}


#socialmedia_top_bar{

	position:absolute;
	top:0px;
	right:20px;
	z-index:999;



}

#socialmedia_top_bar li{

	display:inline;
	list-style:none;

}