*,:after,:before{margin:0;padding:0;box-sizing:inherit}#app,body,html{height:100%;scroll-behavior:smooth}body{box-sizing:border-box;overflow-x:hidden}.light-section{background-color:#f0f0f0;color:#222}.light-section a{color:#747474}.dark-section{background-color:#222;color:#f0f0f0}.dark-section a{color:#747474}.dark-bg{background-color:#1d1f21}#app,body,html{font-family:Karla,sans-serif;font-weight:400;color:#f0f0f0}h1,h2,h3{font-family:Rubik,sans-serif}h2,h3{text-transform:uppercase;color:#747474}h2{font-size:1.5rem}h3{font-size:1.1rem}a{text-transform:uppercase;color:#747474}a:hover{cursor:pointer;text-decoration:none;color:#ed2024}.section-header{text-decoration:underline;-webkit-text-decoration-color:#ed2024;text-decoration-color:#ed2024;text-decoration-thickness:.375rem;padding-bottom:2rem}p{font-family:Karla,sans-serif;font-weight:300}#greeting{font-family:Rubik,sans-serif;font-weight:700;letter-spacing:.2rem;color:#ed2024;font-size:1.2rem}.nav-item{font-family:Karla,sans-serif;text-transform:uppercase;font-weight:600;font-size:.8rem}.banner-text,.nav-item{color:#f0f0f0}.banner-text .display-text{font-size:6rem}.banner-text #typewriter{font-size:2.4rem;color:inherit;text-transform:none}.footer{font-size:.8rem}section{min-height:100%;width:100%;background-size:cover;text-align:center;position:relative;padding:1rem}section .container-fluid{padding:1rem;margin:4rem auto}section .container-fluid .flex-col{padding:2rem}section .list-group-item{background-color:inherit}.filters a{padding:2rem}.filters .filter{margin:0 auto}.filters .active{color:#ed2024}header{position:relative;height:100%;width:100%;background:no-repeat 50% fixed;background-size:cover;-webkit-background-size:cover;text-align:center}header a:link{color:#f0f0f0}header .navbar-brand{font-size:1.8rem;letter-spacing:-.2rem}header #FirstName{color:#f0f0f0}header #LastName{color:#ed2024}header #Logo{max-height:4rem}header .active-nav a{color:#ed2024!important}header .banner{display:inline-block;vertical-align:middle;margin:auto;width:85%;padding-bottom:2rem;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .arrow-icon i{color:#f0f0f0}header .arrow-icon i:hover{color:#ed2024}.footer{background-color:#1d1f21;padding:1rem}.footer a i:link{color:#f0f0f0}.footer a i:hover{color:#ed2024}.footer #username{text-transform:lowercase}.footer #username a:link{color:#f0f0f0}.footer #username a:hover{color:#ed2024}.footer .social-item i{font-size:1.5rem;padding:0 2rem}#about .profile-pic{max-width:100%;max-height:300px;border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}#about #about-content{text-align:justify;font-size:1rem}#skills #skill-container{margin:2rem auto;padding:0;max-width:600px}#skills #skill-container .skill-content{margin-top:1rem}#portfolio .container-fluid{margin:4rem auto}#portfolio .portfolio-item{box-shadow:4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);position:relative}#portfolio .portfolio-item a{text-decoration:none}#portfolio .portfolio-item h3{font-size:1.2rem}#portfolio .portfolio-item img{width:100%;display:block}#portfolio .portfolio-item .overlay{position:absolute;padding:inherit;top:0;bottom:0;width:100%;opacity:0;transition:.5s ease;background-color:#222;text-align:center}#portfolio .portfolio-item .overlay .portfolio-item-content{position:absolute;width:100%;top:0;bottom:0;overflow:hidden;color:#f0f0f0;padding:2rem;margin:0 auto;vertical-align:middle;text-align:center}#portfolio .portfolio-item:hover .overlay{opacity:.95;cursor:pointer}#contact .social-item{padding:0 .5rem}#contact ul{margin-top:2rem}#contact .contact-content{padding:2rem}.btn,.btn-resume,.btn-submit,.btn-success{background-color:#ed2024;border-color:transparent;color:#f0f0f0}.btn-resume:hover,.btn-submit:hover,.btn-success:hover,.btn:hover{background-color:#d31115;color:#e3e3e3}.contact-form{margin-top:2rem}.contact-form button{width:100%}.skillbars{display:flex;flex-direction:column;align-self:center;justify-content:center;align-items:center}.skill{margin:.8rem 0;position:relative;width:80%}.skill-name{font-size:.8em;letter-spacing:.145em;text-transform:uppercase}.inner-bar,.outer-bar{height:.75em}.outer-bar{margin-top:1em;background:#333}.inner-bar{animation:fillBar 1s forwards;transform:scaleX(0);transform-origin:0 0}[class*=level--]{background:#f12711;background:linear-gradient(90deg,#f5ba19,#f12711)}[class$="100"]{width:100%}[class$="90"]{width:90%}[class$="80"]{width:80%}[class$="70"]{width:70%}[class$="60"]{width:60%}[class$="50"]{width:50%}[class$="40"]{width:40%}[class$="30"]{width:30%}[class$="20"]{width:20%}[class$="10"]{width:10%}@keyframes fillBar{to{transform:scaleX(1)}}.arrow-container{position:absolute;bottom:0;left:0;right:0;width:100%;margin:0;text-align:center}.arrow-container .arrow-icon{margin:auto}.arrow-container .arrow-icon a{color:#f0f0f0}@media (max-width:480px){.banner-text .display-text{font-size:2.5rem!important;word-spacing:100vw;line-height:1.1}.banner-text #typewriter{font-size:1.2rem!important}}@media (min-width:481px) and (max-width:767px){.banner-text .display-text{font-size:3rem!important;word-spacing:100vw;line-height:1.2}.banner-text #typewriter{font-size:1.4rem!important}}@media (min-width:768px) and (max-width:991px){.banner-text .display-text{font-size:4rem!important;word-spacing:normal}.banner-text #typewriter{font-size:1.8rem!important}}@media (min-width:992px) and (max-width:1199px){.banner-text .display-text{font-size:5rem!important;word-spacing:normal}.banner-text #typewriter{font-size:2rem!important}}@media (min-width:1200px){.banner-text .display-text{font-size:6rem!important;word-spacing:normal}.banner-text #typewriter{font-size:2.4rem!important}}.background-container[data-v-2e6777e6]{width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.wave-canvas[data-v-2e6777e6]{position:absolute;top:0;left:0;width:100%;height:100%}header[data-v-5363c49c]{min-height:300px}#app{background-color:#f9f9f9;color:#333}.dark-background[data-v-9c6bd2f0]{min-height:100vh;background-color:#222;display:flex;align-items:center;justify-content:center;padding:1rem}.project-detail[data-v-9c6bd2f0]{padding:2rem;text-align:center;background-color:#222;color:#f0f0f0;max-width:800px;margin:0 auto}.project-detail h1[data-v-9c6bd2f0]{font-size:2.5rem;color:#ed2024;margin-bottom:1.5rem}.project-link[data-v-9c6bd2f0]{display:inline-block;background-color:#ed2024;color:#f0f0f0;padding:.75rem 1.5rem;border-radius:4px;margin-top:1.5rem;text-decoration:none;font-weight:700;transition:background-color .3s}.project-link[data-v-9c6bd2f0]:hover{background-color:#d31115}h1[data-v-5311d722]{color:red;text-align:center}p[data-v-5311d722]{text-align:center}@media print{body *{visibility:hidden}#print-section,#print-section *{visibility:visible}#print-section{position:absolute;left:50%;transform:translateX(-50%);padding:0;margin:0;width:100%;box-shadow:none;border:none}@page{size:A4;margin:20mm 0}body{-webkit-print-color-adjust:exact;margin:0;padding:0}.break-after{page-break-after:always}.avoid-break{page-break-inside:avoid}}.language-item,.project-entry,.work-entry{page-break-inside:avoid}.portfolio-a4{padding:20mm;font-family:Helvetica Neue,Arial,sans-serif;background-color:#fff;max-width:210mm;min-height:297mm;margin:0 auto;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,.1);color:#333}.cover-page{text-align:center;margin-bottom:40px}.profile-pic-section{margin-bottom:20px}.profile-pic{width:120px;height:120px;border-radius:50%;border:2px solid #007bff}.title{font-size:20px;color:#007bff;margin:5px 0}.contact-details{margin-top:20px;font-size:14px;line-height:1.5}.social-links{margin-top:10px}.social-icon{margin:0 5px}.section-title,.social-icon{font-size:18px;color:#007bff}.section-title{margin-bottom:15px;border-bottom:1px solid #007bff;padding-bottom:5px}.about-education,.languages-page,.portfolio-projects,.skills-page,.work-experience-page{margin-bottom:40px;padding:0 10mm}.education-item{margin-bottom:10px;font-size:14px}.skills-category{margin-bottom:20px}.skills-items-container{padding-left:15px;padding-top:10px;padding-bottom:10px;list-style-type:none}.category-title{font-size:16px;margin-bottom:10px;color:#333;text-transform:uppercase}.skill-item{margin-bottom:8px;font-size:14px;padding-left:0;position:relative;list-style-type:none}.work-entry{margin-bottom:30px}.job-title{font-size:16px;color:#007bff;margin-bottom:5px}.job-duration{font-size:14px;color:#666}.job-description{font-size:14px;color:#333;line-height:1.5}.project-entry{margin-bottom:25px}.project-title{font-size:16px;color:#007bff}.project-description{font-size:14px;color:#333;line-height:1.5}.project-link{display:inline-block;margin-top:10px;color:#007bff;text-decoration:none;font-weight:700}.project-link:hover{text-decoration:underline}.languages-list{list-style-type:none;padding:0}.language-item{margin-bottom:10px;font-size:14px;padding-left:10px;position:relative}#app{background-color:transparent}.portfolio-link{color:#007bff;font-weight:700;text-decoration:none;padding-bottom:2px;transition:all .2s ease-in-out}.portfolio-link:hover{color:#0056b3;border-bottom-color:#0056b3;text-decoration:underline}