body {
    
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    font-family: Lato, sans-serif;
}

.bottom-container {
  padding-top: 10px;
  font-size: 12px;
  color: white; 
  margin-top: 10px;
  background-color: #9ba4b4;
  text-align: center;
}
.cloud {
        
    width: 20%;
        height: 50%;
        
    }
    #cloud1{
        position: absolute;
        right: 10px;
        top: 0;
    }
    #cloud2{
        position: absolute;
        left: 0px;
        bottom : 5px;
    }
    
    .contact-me{
        margin : 100px auto 100px auto;
        width: 50%;
    }

.upperDiv {
   
    background-color: #9ba4b4


}
#header1{
    margin: auto auto auto auto;
    margin-top: 200px;
    font-family: Playfair, serif;
    font-size: 6.25rem;
    color: #14274e;
     
    
  
}
.middle-container {
  background-color:white;
  padding: 20px;
  margin: 100px 0;
}

.footer-link {
  margin: 0 10px;
  color: #14274E;
  font-size: 18px; 
  transition: color 0.3s ease;
}

.footer-link:hover {
  color: #394867; 
}

h2 {
    font-family: Playfair, serif;
    color: #14274e;
    font-size: 3.125rem;
    padding-bottom: 20px;
}
h3 {
    font-family: Lato, sans-serif;
    color: #394867;
    font-size: 1.875rem;
}
p {
    font-family: Lato, sans-serif;
    color: #394867;
    font-size: 20px;
}
.skill-row {
    width :50%;
   margin: 100px auto 100px auto;
   text-align:left;
   line-height:1.2;
}
.techSkills {
    width :25%;
    float: left;
    margin-right: 30px;
}
.softSkills {
    width :25%;
    float : right;
    margin-left: 30px;
}
.profile{
    line-height: 2;
}
hr{
    border : dotted #14274E 7px;
    border-bottom: none;
    width :10%;
    margin:10px auto 10px auto;

}