.aside .logo a::before {
  border-top: 4px solid crimson;
  border-left: 4px solid crimson;
}
.aside .logo a::after {
  border-bottom: 4px solid crimson;
  border-right: 4px solid crimson;
}

.contact .contact-info-item .icon .fa,
.student .student-item .student-item-inner .icon .fa,
.about .about-content .about-text h3 span,
.aside .nav li a:hover,
body.dark .aside .nav li a:hover,
body.dark .aside .nav li a.active,
.aside .nav li a.active {
  color: crimson;
}
/*.about .about-content .about-text h3 .blue {
  color: #1558d0;
}*/
#hero h1 span,
.contact .social .social-link a,
.student .student-item .student-item-inner:hover .icon,
.about .about-content .timeline .circle-dot,
.about .about-content .timeline .timeline-item::before,
.about .about-content .skills .skill-item .progress .progress-in,
.btn,
.section-title h2::after,
.section-title h2::before,
.aside .nav-toggler span,
.aside .nav-toggler span::before,
.aside .nav-toggler span::after {
  background-color: crimson;
}
/*Keyframes*/
@keyframes text_reveal_box {
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes text_reveal {
  100% {
    color: white;
  }
}
@keyframes text_reveal_name {
  100% {
    color: crimson;
    font-weight: 500;
  }
}
/*End of Keyframes*/
