body {
 background-color: #f0f1f5;   
}
.container1 {
  max-width:800px;
  padding-left: 25px;
  padding-right:25px;
  }

.Manrope {
    font-family: 'Manrope', sans-serif;
}

h1 {
font-family: 'Manrope', sans-serif;
font-weight: 400;
margin-top: 0px;
margin-bottom: 1px;
font-size: 30px;
}
h2 {
font-family: 'Manrope', sans-serif;
font-weight: 400;
margin-top: 20px;
margin-bottom: 1px;
font-size: 24px;
} 
h3 {
font-family: 'Manrope', sans-serif;
font-weight: 400;
margin-top: 0px;
margin-bottom: 1px;
font-size: 20px;
} 

p {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 110%;
line-height: 1.8;
}
.info1 {
    text-align: center;
    font-size: 80%;
    margin-top: 20px;
}

a {
   color: #805e19;
   text-decoration: underline;
   border-bottom: solid 2px transparent; 
}
a:visited {
   color: #455147;
   text-decoration: underline;
    border-bottom: solid 2px transparent;
}
a:hover {
	color: #455147;
    text-decoration: none;
    border-bottom: #455147;
    border-bottom-style: dotted
}
a:focus{
    text-decoration: none;
    background-color: #e4c260;
    color: #000000;
    border:1px dashed #455147;
    
} 
.btn-outline-secondary{
    border-radius: 15px;
}
.btn-jp {
    background-color: transparent;
    color: #455147;
    padding: 10px;
    border-radius: 20px;
    border: solid 1px #455147;
    text-decoration:    none;
}
.btn-jp:link{
    text-decoration:    none;
    }
.btn-jp:hover{
    text-decoration:    none;
    background-color: #b7962b;
    color: #455147;    
    }
.btn-jp:focus{
    text-decoration:    none;
    background-color: #b7962b;
    color: #455147;
    border: solid 1px #455147;
    }

.skip-link {
    background: #455147!important;
    color: #f0f1f5!important;
    text-decoration: none;
    padding: 0.5rem 1.5rem;
    border-radius: 0 0 .5rem .5rem;
    position: absolute;
    left: 0.5rem;
    top: 0rem;    
    transform: translateY(-120%); 
    transition: transform 325ms ease-in;
    z-index: 10;
 }
  .skip-link:focus {
     transform: translateY(0);       
 }
 /* 
.readmore {
	color: rgba(149,58,50,1);
    font-variant: small-caps;
	text-decoration: underline;
	font-size: 90%;
	letter-spacing: 1px;
}
.readmore a:link {
	color: rgba(149,58,50,1);
	text-decoration:underline;
}
.readmore a:visited {
	color: gold;
	text-decoration:dotted;
}
.readmore a:hover {
	color: rgba(27,39,110,1);
	text-decoration: none;
}
.readmore a:focus {
	color: rgba(0,42,66,1);
	text-decoration: none;
	background-color:rgba(176,197,215,1);
	padding:2px;
}

.btn-jp {
    background-color: #455147;
    color: #f4f4f6;
    padding: 10px;
    border-radius: 20px;
    border: solid 3px transparent;
    text-decoration:    none;
}
.btn-jp:link{
    text-decoration:    none;
    }
.btn-jp:hover{
    text-decoration:    none;
    background-color: #b7962b;
    color: #455147;    
    }
.btn-jp:focus{
    text-decoration:    none;
    background-color: #b7962b;
    color: #455147;
    border: solid 3px #455147;
    }  
*/