/* body {
  background-color: black;
} */
/* scrollbar */

::-webkit-scrollbar-track {
  border: 1px solid rgb(255, 255, 255);
  background-color: #ffffff;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#6d3e00, white);
}

.crd1bg {
  background-image: url("assets/images/crd1bg.gif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 3px groove rgb(0, 0, 0);
}
.profile > img {
  margin-top: 35px;
  height: 130px;
  border-radius: 50%;
  border: 3px groove black;
}
@import url("font/Shizuru-Regular.ttf");
@import url("font/OFL.txt");
.name {
  margin-top: 50px;
  font-family: "Shizuru", cursive;
  color: #ffedc5;
}
.font {
  font-family: "Shizuru", cursive;
}
hr.hr {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  border: 0;
  height: 2px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
.f1 {
  height: 40px;
}
.f2 {
  height: 20px;
}
u.u {
  text-decoration: overline;
}
.icon-row {
  margin-top: 40px;
}
.footer {
  background-color: white;
  opacity: 0.7;
  margin-bottom: -1px;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

/* Card 2 */
.crd2bg {
  background-image: url("assets/images/crd2bg.gif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 3px groove black;
}
.box {
  background-color: rgb(236, 222, 192);
  opacity: 0.8;
  font-size: 15px;
}
/* card 3 */
.crd3bg {
  background-image: url("assets/images/crd3bg.gif");
  background-repeat: no-repeat;
  background-size: cover;

  border: 3px groove black;
}
.w3-container {
  content: "";
  display: table;
  clear: both;
}
.w3-hover-black:hover {
  color: #fff !important;
  background-color: #000 !important;
}
/* card 4 */
.crd4bg {
  background-image: url("assets/images/crd4bg.gif");
  background-repeat: no-repeat;
  background-size: cover;

  border: 3px groove black;
}
/* card5 */
.crd5 {
  margin-bottom: 150px;
}