@import "style_menu.css";
@import "style_footer.css";
@import "style_help.css";

body
{
 background-image: url(Background.muted.jpg);
 background-size: 100%;
 background-color: rgba(50, 50, 50, 1);
 background-attachment: fixed;
 background-position: top;
 color: white;
}


header
{
 height: 10em ;
 display: flex;
 flex-direction: column;
 justify-content: center;
 margin-bottom: 1em;
 padding-top: 1em;
}

*
{
 margin: 0px;
 padding: 0px;
 font-family: monospace;
}

h1, h2, h3, h4, h5, p
{
font-family: sans-serif;
}

.down
{
 position: absolute;
 top:85vh;
 padding: 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 background-color: rgba(0, 0, 0, 0.3)
}

.down:hover
{
 cursor: pointer;
 background-color: rgba(0, 0, 0, 0.5);
}

.Upper_website_name
{
 display: block;
 top:2em;
 position: absolute;
 padding: .5em;
 margin-left: 70px;
 font-size: 1.2em;
 color: white;
 flex-direction: column;
 align-items: initial;
}

header h1
{
 display: flex;
 align-items: center;
 justify-content: center;
 color: white;
 margin-top: .8em;
 font-size: 3vw;
}


.social 
{
 position: fixed;
 right: 0;
 display: inline-block;
 top:20%;
 padding-right: 6px;
 text-align: center;  
 margin-top: auto;
 margin-bottom: auto;
 width: 56px;
 height: 60%;
 color: white;
 background-color: rgba(0, 0, 0, 0.8);
}

.main
{
margin-left: 11em;
margin-right: 11em;
}


.main p
{
margin-left: 1em;
}

.resources_box
{
 overflow-x: scroll;
 overflow-y: hidden;
 white-space: nowrap;
 width: 100%;
 -webkit-overflow-scrolling: touch;
}

.resource
{
 display: inline-block;
 text-align: center;
 font-size: 1.5em;
 margin : 10px;
 padding : 10px ;
 color: white;
 background-color: rgba(0, 0, 0, 0.3);
 width: 160px;
 height: 200px;
 white-space: normal;
 transition: 0.3s;
 vertical-align: middle;
 position: relative;
}

.resource:hover
{
 transition: 0.3s;
 border-color: white;
 border-width: 1px;
 border-radius: 1em;
 background-color: rgba(0, 0, 0, 0.5);
}

.resource img
{
 position:absolute;
 bottom: 5px;
 left: 15px; 
 width: 150px;
}


a, li.a, a:hover, a:visited, a:active
{
 color: white;
 text-decoration: none;
}

.menu_side a
{
 color: white;
}


{
 margin-left: 20%;
 margin-right: 20%;
 font-size: 1.2em;      
}

.form_body p
{
 padding-top: 1.2em;
}

.form_body select
{
 width: 100% ;
 padding: 2px;
 font-size: 1.2em;
 font-family: monospace;
}

.form_body input[type=submit]
{
 margin-left: 30%;
 width: 40% ;
 padding: .2em;
 font-size: 1.2em;
 font-family: monospace;
 cursor: pointer;
 border: none;
 border-radius: .5em;
}

.news
{
 margin-left: 10px;
 margin-bottom: 3em;
}

.share
{
 display: inline-block;
 margin-left: 50px ;
 vertical-align: middle;
}

.share img
{
 display: inline-block;
 height: 2em;
 margin: .5em ;
}

.news a,em
{
  font-family: sans-serif;
}

.news h1
{
 margin-left: 40px;
 padding-left: 10px;
 padding-top: .3em;
 font-size: 1.5em;
 border-bottom: 1px solid #FFF;
}

.news .desc
{
 font-family: sans-serif;
 display: inline-block;
 padding-top: .5em;
 padding-left: 40px;
}

.news .desc i
{
 font-family: sans-serif;
}

.news .authors,.journal
{
 padding-left: 40px;
}


.bio 
{
 clear: both;
 display: block;
 padding: 1em;
 font-family: sans-serif;
}

.bio .picture
{
 padding-top: 1em;
 float: left;
 width: 25% ;
 max-width: 150px;
 text-align: center;
 vertical-align: middle;
}

.bio .picture img
{
 display: inline-block;
 margin-left: auto;
 margin-right:auto;
 margin-top: .2em ;
 border-radius: 1em;
 width: 80%;
}

.bio .text
{
 margin : 1em;
 display: inline-block;
 width: 70%;
}

.bio p
{
 margin-bottom: .5em; 
}

.bio a
{
 font-style: italic;
 text-decoration: underline;
 font-size: 1em;
 font-family: sans-serif; 
}

.bio b 
{
 font-size: 1.1em;
 font-family: sans-serif;
}

.bio i  
{
 font-size: 1.1em;
 font-family: sans-serif;
}

.bio h3
{
 font-size: 1.4em;
 border-top: 1px;
 border-top-style: solid ; 
 padding-top: .2em;
}

.reference_footer
{
 font-family: sans-serif;
 margin: 2em;
 border-top: 1px solid white;
}

.reference_footer *
{
 font-family: sans-serif;
}

.reference_footer a
{
 font-family: sans-serif;
 font-size: 1em;
}