body{
  font-family: 'Comfortaa', cursive;
  margin-left: 30px;
  margin-right: 30px;
  /* background-image: url("images/background-blue-bright-941549.jpg"); */
  background-image: url("images/water.jpg");
  /* background-repeat: repeat;
  background-size: contain; */
  background-repeat: no-repeat;
  background-size: cover;
}

 ul#main_list {
    padding: 0;
    /* list-style-type: */
}

#navbar_color{
  background-color: #c0f9e9;
  opacity: 0.95;
  /* width: 90%; */
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
}

#intro_box{
  margin-top: 80px;
}

.content{
  background-color: white;
}

.top_links{
  text-align: center;
  position: fixed;
  width:90%;
  height:6%;
  background-color: white;
  top: 0.2rem;
  opacity: 0.7;
}

.top_links:hover{
    opacity:1.0;
}

h1{
  text-align: center;
  /* margin-top: 100px; */
  padding: 10px;
}

div.intro{
  margin-top: 50px;
}

#foto{
  padding: 10px;
  max-width: 300px;
}

#links{
  text-align: center;
  font-weight: bold;
}

.journal{
  color: #00A896;
}

.book{
  color: #7d0254;
}

.chapter{
  color: #c47105;
}

.proceeding{
  color: #178a03;
}


a.navi{
 padding: 3px;
}

a#one{
color: #05668D;
}

a#two{
color: #028090;
}

a#three{
color: #00A896;
}

a#four{
color: #02C39A;
}

a#five{
color: #264653;
}

a#six{
color: #2A9D8F;
}

a#seven{
color: #E9C46A;
}

a#eight{
color: #F4A261;
}


.image{
  display: block;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 50%;
}

.image-l{
  width: 60%;
}

#large_image{
    /* max-width: 100%;
    min-width: 300px;
    height: auto; */
    width: 80%;
}

.image#book{
  width: 35%;
}

.wrapper         {width: 80%; max-width: 600px; height: 100%; margin: 0 auto; background: #CCC}
.h_iframe        {position: relative; padding-top: 56%;}
.h_iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.date{
  text-align: right;
  color:#549f9a;
}