@charset "utf-8";
/* CSS Document */

body {
  margin:0; /*gets rid of white space around body*/
  margin-top:0px;
  /*height:150vh; you can let your content define it's height*/
  position:relative; /*REQUIRED Sets up positioning for your footer*/
}

#sticky {
  width:100%;
  /*height:44px;*/
  padding-top:20px;
  background:#daedf8;
  color:white;
  font-weight:bold;
  font-size:24px;
  text-align:left;
  position:absolute; /*Here's what sticks it*/
  bottom:0;          /*to the bottom of the body/page*/
  left:0;            /*and to the left of the body/page.*/
}

.menu_bar {
	background-image: url("../img/navbar.jpg");
    background-repeat: repeat-x;
	height:38px;
	padding-left:25px;
	padding-right:40px;
	display: flex;
    align-items: center; /* align vertical */
	flex-direction: row;
   	justify-content: space-between;
}

.my_footer {
    /*position: fixed;*/
    left: 0;
	padding-left:0px;
	padding-right:0;
    bottom: 0;
	padding-bottom:0;
	margin-bottom:0;
    width: 100%;
    background-color: #daedf8;
    color: #daedf8;
    text-align: left;
}

.my_banner {
    left: 0;
	padding-left:0px;
	padding-right:0;
    width: 100%;
    background-color: white;
    color: white;
    text-align: left;
}

div#menu_bar a:link{
	color:white;
}

div#menu_bar a:hover{
	color:white;
	font-weight:bold;
	text-decoration:none;
}

div#menu_bar a:visited{
	color:white;
}

.main_content{
	padding-left:50px;
	width:95%;
	margin-bottom:128px;
}

.tech_list{
	font-size:10px;
}