hr{
  margin-left: 10%;
  margin-right: 10%;
  border-top: 1px solid #38B6FF;
}

h1{
  color: white;
  padding-bottom: 2%;padding-top: 1%;
}
h4,h3{
  max-width: 50%;
  margin-top: 1.8%;
}
body{
  background-color: #000000e0;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  
}
body > *{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#profile-picture{
  max-height: 400px;
  max-width: 300px;
}

img{
  display: block;
}

a, a:hover{
  text-decoration: none;
  color: inherit;
}

.icon{
  height: 120px;
  width: 120px;
}
.icon-div{
  display: inline-block;
  background-color: aliceblue;
  border-radius: 7%;
}

.header{
  border-bottom: 2px solid #38B6FF;
  color: #38B6FF;
  margin-left: 35%;
  margin-right: 35%;
  padding-bottom: 10px;
}

@media screen and (max-width: 1090px){
  h3,h4{
    font-family: Arial, Helvetica, sans-serif;
    max-width: 80%;
    margin-top: 1.8%;
  }
  .icon{
    height: 70px;
    width: 70px;
  }
}
.desc{
  padding-top: 1%;
  font-size: 125%;
}
#skills{
  margin-bottom: 1%;
}