portfolio.css

.center {
    text-align: center;
}

.section { 
    text-align:center;
    padding: 2%;
    margin: 5%;
    height: 80%;
    opacity:0.75;
    color:black;
    border:2px;
    border-style:solid;
    border-radius:4%;

}
.form {
    height:100%;
}

.footer {
    background-color:black;
}

.navbar {
    background-color:black;
}

.form-group {
    padding:0 0 2.2em 0;
}
.icon-footer {
   color:yellow;
    margin:0;
    padding:8%; 
}

.img-marketing {
    padding: 4em 2em 0 2em;
    width:22%;
}

.img-sales {
    padding: 4em 2.5em 0 2.5em;
    width:22%;
}

.img-front-end {
    padding: 4em 2.5em 0 2.5em;
    width:22%;
}

.img-MEAN {
    padding: 4em 2em 0 2em;
    width:22%;
}

.img-ML {
    padding: 4em 2em 0 2em;
    width:22%;
}

.form-title {
    font-size: 2.5em;
     color: yellow;
  text-shadow:
   -2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
}


h1 {
    padding:0;
    font-weight: 700;
    font-size: 4em;
     color: white;
  text-shadow:
   -2px -2px 0 #000,  
    2px -2px 0 #000,
    -2px 2px 0 #000,
     2px 2px 0 #000;
}

td {
    text-align: center;
}

i {
    color:black;
    margin:0;
    padding:10%;
}

li {text-align:left; font-size:18px; padding:2px 0 0 0; color:black;}
body {
    background-image: url("photos/sky.jpg");
    background-color: #cccccc;
    padding: 25px;
    
}

#img-marketing-automation:hover {
   background-image: url('LibraryHoverTrans.png');
}
#success_message{ display: none;}