body {color:  #110054; font: 14px/1.4 sans-serif; text-align: left; margin: auto; width: 100%;  margin-left: 5px;}
h1, h2, h3, h4 {color: #110054; font-weight: bold;}
div {color:  #110054; font: 14px/1.4 sans-serif; text-align: center;}
p {color:  #110054; font: 14px/1.4 sans-serif; text-align: left;}
title1 {color:  #3060ad; font: 72px/1.6 arial; text-align: left; font-weight: bold;}
title2 {color:  #3060ad; font: 36px/1.4 sans-serif; text-align: left; font-weight: bold;}
.error { color: #ff0000;}
table.center {
    margin-left:auto; 
    margin-right:auto;
  }
table.tools {
	border:2px solid #110054;
	border-collapse:collapse;
	width:100%;
	table-layout:fixed;
    margin-left:auto; 
    margin-right:auto;
  }
  
table.skills {
	font: 14px/1.4 sans-serif;
  }
th.col1, td.col1 {
	width:45%;
	border:1px solid #110054;
	padding: 2px;
}
th.col2, td.col2 {
	width:15%;
	border:1px solid #110054;
	padding: 2px;
}
th.col3,td.col3 {
	width:20%;
	border:1px solid #110054;
	padding: 2px;
}  
th.col4,td.col4 {
	width:20%;
	border:1px solid #110054;
	padding: 2px;
}  

body {
  font-family: Arial, Helvetica, sans-serif;
}


.navbar {
  overflow: hidden;
  background-color: #3060ad;
}

.navbar a {
  float: left;
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 4px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 14px;  
  border: none;
  outline: none;
  color: white;
  padding: 4px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #5b0a12;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #3060ad;
  min-width: 160px;
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 4px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #5b0a12;
}

.dropdown:hover .dropdown-content {
  display: block;
}

footer {
#   position: absolute;
   position: relative;
   left: 0;
#   bottom: 0;
   width: 100%;
   background-color: #a7bcd6;
   color: white;
   text-align: center;
}
.column1 {
  float: left;
  width: 10%;
}
.column2 {
  float: left;
  width: 30%;
}
.column3 {
  float: left;
  width: 20%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}