.about-me{display:flex;flex-direction:row;column-gap:1em;margin-top:2.2em;width:100%}.about-me .profile-info{width:24%;display:flex;flex-direction:column;gap:1em}.about-me .profile-info .profile-avatar{max-width:300px;transition:transform .2s;display:block;border:10px solid black;border-radius:5px}.about-me .profile-info .certifications-section{display:flex;flex-direction:column;gap:1em;width:100%}.about-me .profile-info .certifications-section .badges{list-style:none;margin-left:0}.about-me .profile-info .certifications-section .badges .badge{width:50%;cursor:pointer;transition:.8s}.about-me .profile-info .certifications-section .badges .badge:hover{transform:scale(1.05)}.about-me .career-section{display:flex;flex-direction:column;width:100%}.about-me .career-section>header{margin-left:1em;animation:fadein 3.1s}@keyframes fadein{from{opacity:0}to{opacity:1}}.timeline{width:100%;padding:1.875em 1.25em}.timeline .timeline-list{list-style-type:none;border-left:2px solid #094a68}.timeline .timeline-list .timeline-item{padding:1.25em 1.25em;margin-left:8px;border-radius:16px}.timeline .timeline-list .timeline-item .timeline-item-content .timeline-item-title{color:white;width:fit-content;background-color:#094a68;border-radius:5px;font-weight:bold;font-size:17px;padding:1px 5px;font-family:'Consolas', monospace;cursor:pointer;margin-bottom:5px}.timeline .timeline-list .timeline-item .timeline-item-content .timeline-item-logo{float:right}.timeline .timeline-list .timeline-item .timeline-item-content p{padding:5px 0 15px 0}.timeline .timeline-list .timeline-item .timeline-item-date{display:inline-block;border-radius:25px;padding:2px 5px;font-size:0.8rem;text-align:center;font-weight:bold;margin-top:2px}.timeline .timeline-list .timeline-item .timeline-go-to-next-item{text-decoration:none;color:black;align-self:flex-end}.timeline .timeline-list .timeline-item::before{position:absolute;content:'';width:12px;height:12px;background-color:#000000;border-radius:50%;left:-10px;top:28px;transition:.5s}.timeline .timeline-list .timeline-item:hover{background-color:rgba(0,0,0,0.9);color:white;transition:.5s;transform:scale(1.05)}.timeline .timeline-list .timeline-item:hover ::selection{color:black}.timeline .timeline-list .timeline-item:hover::before{background-color:#094a68}.timeline .timeline-list .timeline-item:hover .timeline-go-to-next-item{color:whitesmoke}.timeline .timeline-list .timeline-item:hover .quote-link{color:white}@media (max-width: 660px){.about-me{flex-wrap:wrap}.about-me .profile-info{width:60%}.about-me .profile-info .certifications-section .badges .badge{width:35%}.career-section>header{margin-left:1em}.timeline{padding:1.875em 0}}
