.skills-route{display:flex;flex-direction:column;gap:30px}.skills-route h2{text-align:center}.skills-route__time-line,.skills-route__time-line-controls{display:flex;flex-direction:column;gap:20px}.skills-route__time-line-controls{justify-content:center}.skills-route__btn-container{align-items:center;display:flex;gap:20px;justify-content:center}.skills-route__btn-container button{background:none;border:none;color:#03e9f4;display:inline-block;letter-spacing:4px;overflow:hidden;padding:5px 10px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.skills-route__btn-container button:focus,.skills-route__btn-container button:hover{background:#03e9f4;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4;color:#050801;cursor:pointer;-webkit-box-reflect:below 1px linear-gradient(transparent,#00000055)}.skills-route__btn-container button:first-child{filter:hue-rotate(270deg)}.skills-route__btn-container button span{display:block;position:absolute}.skills-route__btn-container button span:first-child{animation:animate1 1s linear infinite;background:linear-gradient(90deg,transparent,#03e9f4);height:2px;left:0;top:0;width:100%}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}.skills-route__btn-container button span:nth-child(2){animation:animate2 1s linear infinite;animation-delay:.25s;background:linear-gradient(180deg,transparent,#03e9f4);height:100%;right:0;top:-100%;width:2px}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}.skills-route__btn-container button span:nth-child(3){animation:animate3 1s linear infinite;animation-delay:.5s;background:linear-gradient(270deg,transparent,#03e9f4);bottom:0;height:2px;right:0;width:100%}@keyframes animate3{0%{right:-100%}50%,to{right:100%}}.skills-route__btn-container button span:nth-child(4){animation:animate4 1s linear infinite;animation-delay:.75s;background:linear-gradient(1turn,transparent,#03e9f4);bottom:-100%;height:100%;left:0;width:2px}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}.skills-route__years-of-exp{display:flex}.skills-route__years-of-exp .card-component{text-align:center;width:100%}.skills-route__years-of-exp .card-component__main-text-wrapper{font-size:20px;font-weight:700}.skills-route__skills-and-tools{display:flex;flex-direction:column;gap:20px;width:100%}.skills-route__extra-activities{align-items:center;display:flex;flex-direction:column;gap:20px}.skills-route__extra-activities-wrapper{display:flex;flex-direction:column;gap:20px;width:100%}.skills-route__extra-activities-wrapper .card-component{width:100%}.skills-route__extra-activities-wrapper .card-component__text-container{display:flex}.skills-route__extra-activities-wrapper .card-component__text-container ul{display:flex;flex-direction:column;justify-content:space-around}.button-component__btn--active{background:#03e9f4;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4;color:#050801;-webkit-box-reflect:below 1px linear-gradient(transparent,#00000055)}@media screen and (min-width:496px){.skills-route__time-line-controls{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.skills-route__btn-container{display:flex;gap:20px;justify-content:center}.skills-route__extra-activities .card-component{width:80%}.skills-route__extra-activities .card-component__text-container{height:350px}}@media screen and (min-width:1076px){.skills-route__time-line{display:flex;gap:20px;margin:0}.skills-route__time-line-controls{flex-direction:row}.skills-route__btn-container{display:flex;gap:20px;justify-content:flex-end}.skills-route__extra-activities-wrapper{flex-direction:row}}@media screen and (min-width:1296px){.skills-route__time-line{display:flex;gap:20px;margin:0}.skills-route__years-of-exp{display:flex;justify-content:center}.skills-route__years-of-exp .card-component{width:80%}}