body{
    font-family: "LMRoman12", "Times New Roman", "GenRyuMin JP", "GenRyuMin TW", "SimSun"; /*"MS Serif", "New York", sans-serif*/
    line-height: 1.3em;
    background-color: white;/*floralwhite;*/
}

h1{
    color: green;
}

h2{
    color: green;
}

a{
    color: chocolate;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.container{
    margin-left: 20px;
    margin-right: 20px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.navigation{
    border-radius: 5px;
    border-top: 5px solid green;
    border-bottom: 5px solid green;
    border-left: 10px solid green;
    border-right: 10px solid green;

    background-color: green;
    color: floralwhite;
}

.a-nav{
    color: burlywood;
}

.contact-info{
    vertical-align: middle;
    font-size: small;
    float: right;
}

.caption{
    text-align: center;
    font-size: small;
    margin-right: 10px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.box-1{
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid green;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.photo-block{
    margin: 10px;
}

#profile-photo{
    border-radius: 5px;
    float: right;
    height: 9.5em;
}

.inline-img{
    display: inline;
    margin: 0 0.125em;
    padding: 0;
    vertical-align: baseline;
}
/*
#KSP-screenshot{
    border-radius: 5px;
    height: 200px;
    display: inline-block;
    margin-right: 10px; /* Optional: Add some space between the images * /
}
*/
.hr-line-primary:before {
    content: '';
    background-color: green;
    display: block;
    width: 40px;
    height: 0px; 
}
  
.hr-line-primary:after {
    content: '';
    background-color: green;
    display: block;
    width: 40px;
    height: 0px; 
  }
  
.hr-line-primary {
    background-position: center;
    display: flex;
    justify-content: space-between;
    height: 200px;
    align-items: center;
}