@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap");

* {
  color: #fdfdfd;
  font-family: "Nanum Myeongjo", serif !important;
}

.about {
  height: 700px;
}
.canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#profile {
  border-radius: 50%;
  border: 5px solid whitesmoke;
  height: 170px;
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50%;
  display: block;
}

.info img {
  width: 25px;
  height: 25px;
  margin-left: 15px;
}

.objective {
  margin-top: 10px;
  width: 60%;
  font-size: 19px;
  font-family: sans-serif;
  margin-bottom: 25px;
  color: white;
}

.contactDetails img {
  width: 45px;
  height: 45px;
  margin-left: 15px;
}
.color {
  color: rgb(73, 19, 73);
}

.icons {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ffc831;
  color: white;
}

#background {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 18px;
}

#git {
  margin-left: 9%;
}
.profession {
  font-size: 19px;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 15px;
}
.cssColor {
  color: rgb(0, 92, 122);
}

div span {
  border: 1 px solid #ffc831;
}

.name {
  font-size: 30px;
  font-weight: bolder;
  font-family: sans-serif;
  margin-bottom: 1px;
  margin-top: 10px;
}

.card {
  border: none;
}

.card-body i {
  float: left;
}

.card-body figcaption {
  float: left;
}

.about-content {
  position: absolute;
  bottom: 20%;
}

.about-content .text-muted {
  color: whitesmoke !important;
}

.about-content .name,
.about-content .profession {
  color: whitesmoke !important;
}

.bg {
  background-color: #252934;
  width: 100%;
  background-image: linear-gradient(315deg, #79b4cd 0%, #252934 74%);
}

.skills img {
  width: 60px;
  height: 60px;
}

.detail {
  color: green;
}