body {
  background: linear-gradient( purple ,blue);
  font-family: "Trebuchet MS", sans-serif;
  color: white;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 40px;
}

.me {
  width: 200px;
  border-radius: 50px;
  height: 200px;
  object-fit: cover;
  border: solid black;
}

h1 {
    margin-top: 20px;
}

h2 {
  font-size: 30px;
  margin: 20px;
}

p {
  padding: 20px;
  border-radius: 5px;
  font-size: 30px;
  margin: auto;
}

.stack-items img {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  border: solid white;
}

.stack-items {
  width: 80%;
  margin: auto;
  padding: 10px;
  background: linear-gradient(45deg, rgb(255, 255, 255), rgb(255, 0, 255), rgb(0, 255, 255));
  border-radius: 5px;
  box-shadow: 2px 2px 5px black;
}

.stack-items li {
  list-style: none;
  display: inline-block;
  padding: 10px;
  
}

.stack-items ul {
  margin: 0;
  padding: 10px;
}

a {
  text-align: center;
  color: slateblue;
  display: block;
  margin: 10px;
  text-decoration: none;
  background-color: white;
  padding: 10px;
  border-radius: 10px;
}

a:hover {
  text-decoration: underline;
}

#ht-ml {
  margin-right: 40px;
}

#c-ss {
  margin-right: 55px;
}

li, svg {
    vertical-align: bottom;
}