@font-face{
    font-family: Roboto;
    src: url(./fonts/Roboto.ttf);
}

h1, h2, h3, h4, h5, p, a{
    font-family: Roboto;
}


body {
    /*background: url("background.png");*/
    background-color:blanchedalmond;
    background-size: 100%;
}

.base{
    margin: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.header{
    text-align: center;
    font-size: 2.5rem;
    width: 100%;
    margin: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.org_info_text{
    text-align: left;
    font-size: 1rem;
    width: 15rem;
}

.org_info_label{
    width: 5rem;
    height: 5rem;
    margin-right: 1rem;
}

.reference_image{
    height: 15rem;
    width: 15rem;
    margin: 1rem;
}

.org_info_container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 21rem;
    height: 17rem;
    margin: 1rem;
}

.org_info_container:hover{
    opacity: 70%;
}

.reference_container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 21rem;
    height: 17rem;
    margin: 1rem;
    border-radius:3rem;
}

.reference{
    text-align: left;
    font-size: 1.2rem;
    font-weight: bold;
    color:brown;
    line-height: 1.5;
    width: 10rem;
}

/*.reference_container:hover{
    box-shadow: inset -0.5rem -0.5rem 1.5rem rgb(252, 197, 116), inset 0.5rem 0.5rem 1.5rem rgb(255, 255, 251);
}*/
.reference_container:hover{
    box-shadow: 0rem -0.5rem 1rem rgb(255, 255, 251), 0rem 0.5rem 1.5rem rgb(252, 197, 116);
}
/*.reference_container:active{
    box-shadow:  -0.5rem -0.5rem 1.5rem rgb(255, 255, 251), inset 0.5rem 0.5rem 1.5rem rgb(252, 197, 116);
}*/
.reference_container:active{
    box-shadow:  0rem -0.5rem 1rem rgb(252, 197, 116), 0rem 0.5rem 1.5rem rgb(255, 255, 251);
}

.language_container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 2rem;
    margin: 0.2rem;
    margin-bottom: 0rem;
    border-radius:0.4rem;
}

.language_reference{
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    color:brown;
    width: 2rem;
    height: 2rem;
    margin: auto
}

.language_container:hover{
    box-shadow: 0rem -0.3rem 0.3rem rgb(255, 255, 251), 0rem 0.3rem 0.3rem rgb(252, 197, 116);
}
.language_container:active{
    box-shadow: 0rem -0.3rem 0.3rem rgb(252, 197, 116), 0rem 0.3rem 0.3rem rgb(255, 255, 251);
}

.footer_reference_container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 9rem;
    margin: 1rem;
    border-radius:1.6rem;
}

.footer_reference{
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color:brown;
    line-height: 1.5;
    margin: 1rem;
}

/*.footer_reference_container:hover{
    box-shadow: inset -0.5rem -0.5rem 1.5rem rgb(252, 197, 116), inset 0.5rem 0.5rem 1.5rem rgb(255, 255, 251);
}
.footer_reference_container:active{
    box-shadow: inset -0.5rem -0.5rem 1.5rem rgb(255, 255, 251), inset 0.5rem 0.5rem 1.5rem rgb(252, 197, 116);
}*/
.footer_reference_container:hover{
    box-shadow: 0rem -0.5rem 1rem rgb(255, 255, 251), 0rem 0.5rem 1.5rem rgb(252, 197, 116)
}
.footer_reference_container:active{
    box-shadow: 0rem -0.5rem 1rem rgb(252, 197, 116), 0rem 0.5rem 1.5rem rgb(255, 255, 251);
}

.new_line{
    width: 100%
}

.paragraph_container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
    width: 100%;
    font-size: 1.5rem;
    margin: 1rem;
}

.center_paragraph_container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100%;
    font-size: 1.5rem;
    margin: 1rem;
}