@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Sansita+Swashed:wght@600&display=swap');
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");

body {
    margin: 0; /* Eliminate the default space in the margin.*/
    min-width: 1000px;
}

header{
    min-height: 300px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3rem 10%;
    font-size: 1rem;
    background-image: url(sunrise_modified.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 400px;
}

.center_text_outerlayer {
    text-align: justify;
    text-justify:inter-ideograph;
    margin: 100px 25px;
    padding-left: 5%;
    padding-right: 10%;
    line-height: 50px;
    width: 170vh;
}

.center_text_innerlayer {
    margin: 0 auto;  
}

.blank {
    height: 200px;
}

.text_font_size {
    font-size: 40px;
}

.footer{
    background-color: dimgrey;
    padding: 25px 20px 25px 20px;
    margin-top: 0; 
    color: white;
    display: flex;
    justify-content: center;
}

.bold{
    font-weight: bold;
}

.center_text_outerlayer_instruments {
    text-align: justify;
    text-justify:inter-ideograph;
    margin: 100px 25px 25px 25px;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 30px;
}

.center_text_innerlayer_instruments {
    margin: 0 auto;  
}

.center_text_outerlayer_publications {
    text-align: justify;
    margin: 100px 25px 25px 25px;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 30px;
}

.center_text_outerlayer_news {
    text-align: justify;
    margin: 5rem 0;
    padding-left: 10%;
    padding-right: 10%;
    line-height: 30px;
}

.highlight_red{
    color: red;
}

.highlight_blue{
    color: blue;
}

.article_text{
    font-size: 20px;
}

.indent_news {
    text-indent: 4.5rem;
    display: inline-block;
}

/*.center_text_innerlayer_instruments img:hover {
    transform: scale(1.2);
    border-radius: 5%;
}*/

.container{
    max-width: 980px;
    width: 95%;
    margin: 5% auto;
}

.columns{
    display: flex;
}

.col{
    text-align: center;
}

.members_container{
    display: flex;
    flex-direction: row;
    padding-bottom: 10%;
}

.members_intro{
    padding-left: 5%;
}