.navbar-container{width:100vw;height:6vh;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#25303b}.navlink-container{width:50vw;height:auto;font-size:1em;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.active{text-decoration:underline;text-decoration-color:orange;color:gray}.personal-links{width:25vw;font-size:25px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.icon-link{color:#f5f5f5;margin-left:15px}.timeline-main{position:relative;height:40vw;margin-top:50px}.timeline-main :before{content:"";display:block;position:absolute;left:50%;top:0;margin:70px 0 0 -1px;width:1px;height:calc(100% - 70px)}.timeline-item{width:100%;margin:0 0 20px;position:relative}.timeline-item:after{content:"";display:block;clear:both}.timeline-item div.inner{width:100%;float:left;margin:85px 0 0}.timeline-date{display:block;width:60px;height:60px;padding:3px 5px;position:absolute;top:0;left:50%;margin:0 0 0 -30px;border:2px solid whitesmoke;border-radius:100%;font-size:1em;font-weight:900;text-transform:uppercase}.timeline-date span{display:block;text-align:center}.timeline-month{font-size:1em;padding-top:4px}.timeline-year{font-size:13px}.timeline-card{border-radius:12px;border:2px solid whitesmoke;transform:translate(-50%)}.timeline-card-title{padding:5px;margin:0;color:#000;font-size:1em;text-transform:uppercase;border-radius:12px 12px 0 0;position:relative}.timeline-card-title:after{content:"";position:absolute;top:-5px;left:30%;width:10px;height:10px;transform:rotate(-45deg)}.timeline-item div.inner p{padding:5px 10px 5px 15px;margin:0;font-size:.8rem}.timeline-item:nth-child(2n+2) div.inner{float:right}.timeline-item:nth-child(2n+2) div.inner .timeline-card{transform:translate(50%)}.timeline-card-title{background:orange}.timeline-card-title:after{background:whitesmoke}.description-list{display:flex;flex-direction:column;align-items:flex-start;line-height:normal;text-align:start}.timeline-card-company{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:5px}.timeline-card-subcompany{font-weight:700;font-size:1em}.timeline-card-duration{font-style:italic;font-size:1em}.timeline-item.is-visible div.inner .timeline-card{transition:transform .8s ease-in;transform:translate(0)}.timeline-item div.inner{width:40%;margin:5px 10px 0}.timeline-item div.inner h2:after{top:20px;left:unset;right:-5px}.timeline-item:nth-child(2n+2) div.inner h2:after{left:-5px}.biography-container{background-image:url(https://res.cloudinary.com/app-academy4/image/upload/v1722390565/assets/waves_lv4ee3.jpg);background-size:cover;height:94vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.info-container{display:grid;grid-template-areas:"profile certs" "summary skills" "experience experience";justify-content:space-evenly;align-content:space-evenly;width:82vw;background-color:#25303b;border:1px solid rgb(37,48,59);border-top-left-radius:20px;border-top-right-radius:20px;padding:10px;overflow-y:scroll;overflow-x:auto}.power-bi-container,.python-container,.azure-ai-container{font-size:12px;width:150px}.MCT-container{font-size:12px;width:140px}.profile-image{grid-area:profile;justify-self:center;align-self:center;height:275px;border:2px solid whitesmoke;border-radius:25px;margin:10px 0 0}.certs-skills-container{grid-area:certs;justify-self:center;align-self:center;padding:10px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.certifications-subcontainer{display:flex;justify-content:center;align-items:center}.programming-skill-content{grid-area:skills;justify-self:center;align-self:center;padding:10px;touch-action:none}.about-me-container{grid-area:summary;justify-self:center;align-self:center;width:auto;padding:10px;touch-action:none}.certifications-content{padding:10px}.image-about-content{padding:7px}.main-text{margin:40px 0;font-size:2em;text-shadow:rgb(0,0,0) -3px 3px 0px,rgb(0,0,0) 3px 3px 0px,rgb(0,0,0) 3px -3px 0px,rgb(0,0,0) -3px -3px 0px}.text-block{padding:10px}.experience-container{grid-area:experience;touch-action:none}@media screen and (width <= 900px){.biography-container{padding:none}.info-container{display:grid;grid-template-areas:"profile" "summary" "certs" "skills" "experience";justify-content:center;align-content:space-evenly;width:100vw;background-color:#25303b;border:1px solid rgb(37,48,59);padding:10px;overflow-y:scroll;overflow-x:auto;touch-action:pan-up,pan-down}}@media screen and (width >= 900px){.biography-container{padding:10px}}.skill-icon{width:50px;margin:0 2px}.devicon-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:18px;font-size:12px}.project-card{border:2px solid whitesmoke;border-radius:12px;display:flex;flex-direction:column;width:95%;margin:10px;line-height:normal}.project-heading{height:50px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-bottom:2px solid whitesmoke}.project-title{font-size:1.5em;width:35%;font-weight:700}.project-description{font-weight:700;font-style:italic;font-size:1em}.project-subsection{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project-visuals-section{width:30%;display:flex;flex-direction:column;padding:15px;margin:10px}.site-image{height:150px;width:200px;border:1px solid whitesmoke;border-radius:12px}.project-links{color:#f5f5f5;text-decoration:none;margin:5px}.links-divider{margin:10px}.project-details-section{width:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:left;padding:10px;line-height:normal;text-align:left;font-size:14px}.portfolio-main-container{background-image:url(https://res.cloudinary.com/app-academy4/image/upload/v1722634970/assets/computer-8070002_1920_crbd3b.jpg);background-size:cover;height:94vh;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-main-text{margin:40px 0;font-size:2em;text-shadow:rgb(0,0,0) -3px 3px 0px,rgb(0,0,0) 3px 3px 0px,rgb(0,0,0) 3px -3px 0px,rgb(0,0,0) -3px -3px 0px}.portfolio-subcontainer{display:flex;flex-direction:column;width:82vw;background-color:#25303b;border:1px solid rgb(37,48,59);border-top-left-radius:20px;border-top-right-radius:20px;padding:30px 10px 10px;overflow:scroll;justify-content:flex-start;align-items:center}.instruction-main-container{background-image:url(https://res.cloudinary.com/app-academy4/image/upload/v1722741181/assets/ai-generated-8587765_1920_us0bqi.jpg);background-size:cover;height:94vh;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.instruction-main-text{margin:40px 0;font-size:2em;text-shadow:rgb(0,0,0) -3px 3px 0px,rgb(0,0,0) 3px 3px 0px,rgb(0,0,0) 3px -3px 0px,rgb(0,0,0) -3px -3px 0px}.instructional-container{display:flex;flex-direction:column;width:82vw;background-color:#25303b;border:1px solid rgb(37,48,59);border-top-left-radius:20px;border-top-right-radius:20px;padding:10px;overflow:scroll}.instructional-MCT{display:flex;flex-direction:row;align-items:center;width:auto;background-color:#25303b;border:1px solid rgb(37,48,59);border-radius:20px;padding:10px;margin-bottom:15px;border:2px solid whitesmoke}.instructional-youtube{display:flex;flex-direction:column;align-items:center;width:auto;background-color:#25303b;border:1px solid rgb(37,48,59);border-radius:20px;padding:10px;margin-bottom:15px;border:2px solid whitesmoke}.MCT-details{text-align:left;margin-left:25px;margin-right:10px;padding-right:10px}.youtube-video-container{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:15px}iframe{margin:15px}p{margin-top:15px}#root{margin:0 auto;text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex}h1{font-size:3.2em;line-height:normal}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
