a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}

.link {
  position: relative;
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}

.link:hover span::before, .link:focus span::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.link span {
  position: relative;
  display: inline-block;
  color: #212529;
}

.link span::before {
  position: absolute;
  content: attr(data-content);
  color: #212529;
  text-decoration: underline;
  -webkit-text-decoration-color: #1d87cd;
          text-decoration-color: #1d87cd;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}


span.line-through::before {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.colored-font {
	color: #1d87cd;
}


.scroll-information {
	height: 300px;
	overflow: auto;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #444444; 
  border-radius: 10px;
}

footer h5 {
	font-size: 16px;
}

footer p {
	font-size: 28px;
}

footer li {
	font-size: 28px;
}

.hobbies {
	background-color: #1d87cd;
}

.resume-btn a {
	text-decoration: none;
	color: #ffffff;
}

.resume-btn button a:hover {
	color: #ffffff;
}

.input-size {
	overflow: auto;
	height: 150px !important;
}

.project-style {
	padding: 100px 0;
}