body {
background-color: #3c3c3c;
font-family:"Noto Sans", sans-serif;
font-size: 15px;
color: #ffae2d
}
.eagle-lake-regular {
font-family: "Eagle Lake", serif;
font-weight: 400;
font-style: normal;
}
.germania-one-regular {
  font-family: "Germania One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.noto-sans {
font-family: "Noto Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 250;
font-style: normal;
font-variation-settings:
"wdth" 100;
}

#body_grid{
    display:grid;
    grid-template-columns: 10% 80% 10%;
    width:100%;

}
#site_logo{
    width:75px;
    grid-column:1;
    grid-row:1;
}
#site_title{
    font-family: "Germania One", system-ui;
    font-size:2.7em;
    stroke: width 1px;
    text-align:center;
    grid-column: 2;
    grid-row:1;
    vertical-align: middle;
}
#site_title a{
    color:#ffae2d;
}
#nav_btn{
    display:flex;
    grid-column: 3;
    grid-row:1;
    text-align:center;
}
#homeBtn {
    font-size:1.5em;
    padding-right:20px;
}

#homeBtn a{
    color:#ffae2d;
}
#homeBtn a:hover{
    color:#ffffff;

}
#backBtn,#nextBtn{
    font-size:3em;
    color:#ffae2d;

}
#backBtn:hover,#nextBtn:hover{
    color:#ffffff;

}

#title_flex {
    grid-column:2;
    grid-row:2;
    display:flex;
    justify-content: center;
    align-items: center;

}
#img_title {
    color:#ffae2d;
    font-size:1.55em;
    text-align:right;
    width:950px;
    padding-right:100px;
}
#image_flex {
    grid-column:2;
    grid-row:3;
    display:flex;
    justify-content: center;
    align-items: center;
}
#imageOutline {
    width:950px;
    height:auto;
    background-color: #242424;
    border:2px solid #a9a9a9;
    box-sizing: border-box;
    padding:25px;
    display:flex;
    justify-content: center;
    text-align:center;

}

#image {
    width:900px;
    grid-column: 2;
    grid-row:3;

}
#cap_flex{
    grid-column:2;
    grid-row:4;
    justify-content: center;
    align-items: center;
    display:flex;
}

#CapDet {
    min-width: 950px;
    width:950px;
    height:auto;
    background-color: #242424;
    border-left:2px solid #a9a9a9;
    border-right:2px solid #a9a9a9;
    border-bottom:2px solid #a9a9a9;
    box-sizing: border-box;
    padding:25px;
    justify-content: center;
    text-align:left;
    color:#ffae2d;

    
}
#CapDet a{
    color:#ffae2d;
    text-decoration: underline;
}
#CapDet a:hover{
    color:white;

}
#CapDet a:visited{
    color:lightgrey;
}


@media screen and (orientation: portrait) {
    #CapDet {
        font-size:1.5em;

        
    }
    #homeBtn {
    font-size:2em;
    padding-right:20px;
}

#backBtn,#nextBtn{
    font-size:5.3em;
    color:#ffae2d;

}

}