* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'Roboto';
    font-family: 'Roboto Slab';
}

body {
    background-color: #F7F8FC; 
    background-color: #18251D; 
    background-color: #9d9d9d; 
    background-color: #eee; 
    /*
	background-image: url("/Pics/img/bg-2.jpg");
	background-image: url("/Pics/img/bicycle.svg");
	background-image: url("/Pics/img/freepik-27-2000.webp");
		background-image: url("/Pics/img/1666855551curved-lines-on-white-background.svg");
		background-image: url("/Pics/img/pexels-steve-1266808.jpg");
		background-image: url("/Pics/img/6937354.jpg");
		background-image: url("/Pics/img/indie-sun.webp");
		background-image: url("/Pics/img/google-seeklogo.svg");
	*/	

	background-image: url("/Pics/img/silosiBW.jpg");
	background-size: 100% auto;
	
	background-attachment: fixed;
}

#container {
    display: flex;
    flex-direction: column;
    width:80%;
    margin:0 auto;
}

#header {
    margin:    10px 0px 1em;
}
#menu {   
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    list-style-type: none;
}

#menu li {
    flex:1;
    line-height: 3em;
    text-align: center;
    margin-right: 1px;
    border-radius: 4px;
}

#menu li a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: white;
    background: #474C52; 
    text-shadow: 1px 1px black;
    text-shadow: 1px 1px #483D8B;


    background: #1B99B9;
}

#menu li a:hover {
    text-decoration: underline;
}

#content {
    display: flex;
}

#content h4 {
    background: #474C52;
    text-align: center;
    background: #ddd;
    color: #000;
    padding: .7em 0;
    background: #18B295;
    color: #fff;
    text-shadow: 1px 1px #175451;


}
 
#main {
    flex: 3;
    min-height: 80vh;
    background: white;
    margin-right:10px;
    border: 1px solid #e9e9ea;
}

#main-framework {
    padding:30px 15px 30px 30px;
}

#main-framework p { 
    padding:0.3em 0;
    line-height:1.5em;
}

#main-framework p { 
    padding:0.3em 0;
    line-height:1.5em;
}

.table-small { 
    padding:5px; 
    font-size:small;
    border-spacing: 5px;
}
.table-small td { 
    border: 1px solid gray;
    padding:5px; 
}

#sidebar {
    flex: 1;
    background-color: #f8f8f8;
    background-color: #F5EDE1;
    opacity: 0.8;
}

#sidebar p{
    text-align:center; 
    margin: 25px 0;
}

#sidebar img{
      width:25%; 
      margin: 0px auto; 
}

#footer {
    margin:    10px 0px 0em;
    border-top: solid 1px #474C52;
    padding: 0.5em;
    background:  #f1f1f1;
    color: #474C52;
    text-align: right;
    font-size:.8em;
}

#footer img{
    height: 1.5em;
    vertical-align: middle;
    margin-left: 1em;
}


#back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: #1B99B9;
  color: white;
  cursor: pointer;
  padding: 11px;
  border-radius: 4px;
}

#back-to-top:hover {
  background-color: #18B295;
}

.comforter {
  font-family: 'Comforter', sans-serif;
  font-size: 20px;
}
    /* 
    background: linear-gradient(50deg, 
    #34A853 20%, 
    #4285F4 20% 50%, 
    #EA4335 50% 80%, 
    #FBBC05 80%);
    */
    /*
    background: linear-gradient(135deg, 
    #EA4335 25%, 
    #FBBC05 25% 50%, 
    #34A853 50% 75%, 
    #4285F4 75%);
    */

.poem {
    text-align: center;
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.0em;
    letter-spacing: 0.05em;
}