/* General website style rules */

body {
  font-family: "Helvetica", Sans-Serif;
  background-image: url("../images/gray-background.png");
}


a {
  outline: none;
  color: #112d4e;
  text-decoration: none;
  padding: 2px 1px 0;
  text-align: right;
}

a:link {
  color: #bfbfc7

}

a:visited {
  color: #bfbfc7

}


a:active {
  color: red;
}

a[href^="http"] {
  background: url("external-link-52.png") no-repeat 100% 0;
  background-size: 16px 16px;
  padding-right: 19px;
}


/* Includes padding and border in total box size*/

/* Section 3: Projects */

.section-heading {
    text-align:center;
    color:#102C4E;
    margin-top: 150px;
    margin-bottom:70px;
    font-size: 35px;
}
  
/* Sizing for Project Containers  */

.column-4 {
	border-radius: 25px;
    float: left;
    width: 220px;
    padding: 20px;
    margin: 20px;
    height: 220px;
  }
  
/* Color and Images for Project Containers  */

.project-1 {
    background: url('/images/grafana.svg');
    background-size: cover;
    background-color:#cb6a1a;
}
.project-2 {
  background: url('/images/influxdb.svg');
  background-size: cover;
  background-color:#21223d;
}
.project-3 {
  background: url('/images/wifi.svg');
  background-size: cover;
  background-color:#209BFF;
}
.project-5 {
  background: url('/images/homebridge.svg');
  background-size: cover;
  background-color:#112d4e;
}

.project-4 {
  background: url('/images/hass.svg');
  background-size: cover;
  background-color:#4d5a85;
}

.project-6 {
  background: url('/images/ubuntu.png');
  background-size: cover;
  background-color:#4d5a65;
}

.project-7 {
	background: url('/images/ecowitt.png');
    background-size: cover;
    background-color:#209BFF;
}

.project-8 {
	background: url('/images/ecowitt.png');
    background-size: cover;
	background-color:#112d4e;
}
.project-9 {
  background: url('/images/ampwhite.png');
  background-size: cover;
  background-color:#21223d;
}
.project-10 {
  background: url('/images/minio_light_cir_sm-1.png');
  background-size: cover;
  background-color:#21223d;
}
.project-11 {
  background: url('/images/minio_light_cir_sm-1.png');
  background-size: cover;
  background-color:red;
}
.project-12 {
  background: url('/images/proxmox.svg');
  background-size: cover;
  background-color:white;
}
.project-text {
    text-align:center;
	font-family: 'Roboto', sans-serif;
    font-size:35px;
    -webkit-text-stroke: 2px #0f0f0f;
  }

  
/* Hover classes for individual project boxes */

.project-1:hover {
    background-color:#FEDE00;
  }
  
.project-2:hover {
    background-color:#FEDE00;
  }
  
  .project-3:hover {
     background-color: #FEDE00;
  }
  
  .project-4:hover {
     background-color: #FEDE00;
  }
  
  .project-5:hover {
     background-color: #FEDE00;
  }
  .project-6:hover {
     background-color: #FEDE00;
  }
  .project-7:hover {
     background-color: #FEDE00;
  }
  .project-8:hover {
     background-color: #FEDE00;
  }
   .project-9:hover {
     background-color: #FEDE00;
  }
   .project-10:hover {
     background-color: #FEDE00;
  }
   .project-11:hover {
     background-color: #FEDE00;
  }
   .project-12:hover {
     background-color: #FEDE00;
  }
/* Section 4: Employment */

/* Add space between sections */

.section-break {
    margin:50px;
    height:500px;
  }
  
/* Wide column */

.column-1 {
    width: 90%;
    height: auto;
    padding-top:70px;
    padding-left:70px;
    padding-bottom:70px;
    margin:auto;
    margin-bottom:50px;
    margin-top: 75px;
    background-color:white;
  }
  
  /* Table formatting */
  .table-style {
    width:100%;
    border-spacing: 24px;
  }
  
  /* Section 5: Education and Skills */

.column-2a {
    float: left;
    width: 45%;
    padding: 40px;
    padding-left:70px;
    padding-right: 70px;
    padding-bottom:60px;
    height:450px;
    margin:30px;
    margin-right:30px;
    margin-bottom: 40px;
    background-color:white;
  }
  
  /* Section 6: Featured Quote */

.column-quote {
    width: 90%;
    height: 475px;
    padding: 40px;
    padding-left:70px;
    padding-right: 70px;
    padding-bottom:100px;
    margin:auto;
    margin-bottom:150px;
    border: 20px solid #FEDE00;
  }
  
  .quote {
    font-size:80px;
    font-weight:bold;
    line-height: 1;
    text-align: center;
  }
  
/* Section 7: Footer */

.footer {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height: 90px;
    background-color: #D0DAEE;
  }


.footer-text-left {
  font-size:25px;
  padding-left:40px;
  float:left;
  word-spacing:20px;
}

a.menu:hover {
Background-color:yellow;
font-size:20px;
}

.footer-content-right {
    padding-right:40px;
    margin-top:20px;
    float:right;
  }
  
  .icon-style {
    height:40px;
    margin-left:20px;
    margin-top:5px;
  }
  
  .icon-style:hover {
    background-color:yellow;
    padding:5px;
  }