.app-dev-card {
	border: 2px solid white;
	border-radius: 15px;
}

.app-dev-card .square-btn {
	border: 0;
	background-color: transparent;
	height: 100px;
	width: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.app-dev-card .square-btn:before,
.app-dev-card .square-btn:after {
	content: "";
	width: 100%;
	height: 0;
	border: solid white;
	position: absolute;
	transition-duration: 0.5s;
}
.app-dev-card .square-btn:before {
	border-width: 2px 0 0 2px;
	top: 0;
	left: 0;
}
.app-dev-card .square-btn:after {
	border-width: 0 2px 2px 0;
	bottom: 0;
	right: 0;
}
.app-dev-card .square-btn .app-dev-icon {
	width: 30px;
	height: 30px;
	border: 3px solid white;
	border-radius: 8px;
	position: relative;
}
.app-dev-card .square-btn .app-dev-icon:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border: 3px solid white;
	left: 7px;
	top: 7px;
	border-radius: 50%;
}
.app-dev-card .square-btn .app-dev-icon:after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: white;
	right: 4px;
	top: 4px;
	border-radius: 50%;
}

.app-dev-card:hover .square-btn:before,
.app-dev-card:hover .square-btn:after {
	height: 100%;
	width: 0;
}

.app-dev-first-sec{
	margin-bottom: 60px;
}

.app-dev-first-sec .rel{
	position: relative;
}

.app-dev-first-sec .abs{
	position: absolute;
	top: 30%;
}

aside {
  position: relative;
  padding: 1.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  max-width: 700px;
  border-top: 4px solid;
  border-left: 4px solid;
  border-bottom: 4px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #14b1ab, transparent);
}
aside small {
  position: absolute;
  left: -1.5rem;
  top: calc(-1.25rem - 2px);
  height: 2.5rem;
  font-size: 0.875em;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  background-color: black;
}

code {
  font-family: "Fira Code", monospace;
  font-size: 0.875em;
  font-weight: 400;
  display: inline-block;
  padding: 2px;
  background-color: rgba(20, 177, 171, 0.15);
}

.last-sec-brd-custom {
  position: relative;
  border-bottom: 2px solid white;
}

.last-sec-brd-custom .borderLeft {
  border-left: 2px solid white;
  position: absolute;
  top: 50%;
  bottom: 0;
}

.last-sec-brd-custom .borderRight {
  border-right: 2px solid white;
  position: absolute;
  top: 50%;
  bottom: 0;
	right: 0;
}