body {
    padding: 0;
    margin: 0;
    background: #f2f6e9;
}
#no_u {
    text-decoration: none;
}
.navbar {
    background:#6b2020;
    border:2px solid #0e0e0e;
}
.nav-link {
    font-family: Georgia;
    color: #fff;
}
.navbar-brand {
    font-family: Georgia;
    color: #fff;
    cursor: pointer;
}
.navbar-brand:hover {
    color: #f3e45d;
}
.nav-link {
    margin-right: 1em !important;
}
.nav-link:hover {
    color: #f3e45d;
}
.navbar-collapse {
    justify-content: flex-end;
}
.header {
    background-image: url('images/header-background.png');
    background-size: cover;
    background-position: top;
    position: relative;
}
#bio_pic {
    background-image: url('images/smflddef.jpg');
    background-size: cover;
    background-position: top;
    position: relative;  
}
#rsch_pic {
    background-image: url('images/smfldvarjpg.jpg');
    background-size: cover;
    background-position: top;
    position: relative; 
}
#ntbk_pic {
    background-image: url('images/szegopropjpg.jpg');
    background-size: cover;
    background-position: top;
    position: relative;     
}
#code_pic {
    background-image: url('images/szegopropjpg.jpg');
    background-size: cover;
    background-position: center;
    position: relative;     
}
#art_pic {
    background-image: url('images/smfldpatchesgluingjpg.jpg');
    background-size: cover;
    background-position: top;
    position: relative;     
}
.overlay {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}
.description {
	left: 50%;
	position: absolute;
	top: 45%;
	transform: translate(-50%, -55%);
	text-align: center;
    font-family: Georgia;
}
#long_description {
    overflow-y: scroll;
    height: 500px;
}
.description h1 {
	color: #ffffff;
}
.description p {
	color: rgb(255, 255, 255);
	font-size: 1.3rem;
	line-height: 1.5;
}
.riddle_text {
    left: 50%;
	position: absolute;
	top: 55%;
    text-align: center;
    font-family: Georgia;
    color: #0e0e0e;
    transform: translate(-50%, -55%);
    overflow-y: scroll;
    height: 50%;
}
.riddle_text h1 {
    color: #0e0e0e;
}
.riddle_text {
    color: #0e0e0e;
}
#left_text {
    text-align: left;
}

.description button {
    border:1px solid #0e0e0e;
    background:#dc1616;
    border-radius: 0;
    color:#fff;
}
.description button:hover {
	border:1px solid #fff;
    background:rgb(223, 156, 156);
    color:rgb(201, 47, 47);
}

.page-footer {
    background-color: #222;
    color: #ccc;
    padding: 60px 0 30px;
}
.footer-copyright {
    color: #666;
    padding: 40px 0;
}
#link_text {
    color: #f3e45d;
}
#index_tab {
    color: #f3e45d;
}
#bio_tab {
    color: #f3e45d;
}

#rsch_tab {
    color: #f3e45d;
}
#ntbk_tab {
    color: #f3e45d;
}
#code_tab {
    color: #f3e45d;
}
#art_tab {
    color: #f3e45d;
}
#art_img {
    width: 300px;
    height: auto;
}
#subtext {
    font-size: small;
}
#modal_text {
    text-align: justify;
    font-family: Georgia;
}