*,*:after,*:before{margin:0}html,body,#app{height:100%;scroll-behavior:smooth}.light-section{background-color:#f0f0f0;color:#f0f0f0}.light-section a{color:#f0f0f0}.dark-section{background-color:#222;color:#f0f0f0}.dark-section a{color:#f0f0f0}.dark-bg{background-color:#1d1f21}html,body,#app{font-family:Karla,sans-serif;font-weight:400;color:#f0f0f0}h3,h2,h1{font-family:Rubik,sans-serif}h3,h2{text-transform:uppercase;color:#f0f0f0}h2{font-size:1.5rem}h3{font-size:1.1rem}.section-header{text-decoration:underline;text-transform:uppercase;text-decoration-color:#203bed;text-decoration-thickness:.375rem;padding-bottom:80px}.portfolio-item-description{font-size:1.2rem}a{color:#f0f0f0}a:hover{cursor:pointer;text-decoration:none;color:#203bed}p{font-family:Karla,sans-serif;font-weight:300}.nav-item{font-family:Karla,sans-serif;text-transform:uppercase;font-weight:600;font-size:1rem;color:#f0f0f0}.banner-text{color:#f0f0f0}.banner-text .display-text{font-size:6rem}.banner-text #typewriter{font-size:3.4rem;color:inherit;text-transform:none}.footer{font-size:1rem}section{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;position:relative}section .custom-container{margin-bottom:10px;padding:20px;min-height:100%;width:100%;display:flex;flex-direction:column;position:relative;margin-top:3rem;justify-content:center;align-items:center}section .list-group-item{background-color:inherit}header{position:relative;height:100%;width:100%;background:no-repeat center center 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:#203bed}header #Logo{max-height:1.8rem}header .active-nav{font-size:1rem}header .active-nav a{color:#203bed!important}header .arrow-icon i{color:#f0f0f0}header .arrow-icon i:hover{color:#203bed}.footer{background-color:#1d1f21;padding:1rem}.footer a i:link{color:#f0f0f0}.footer a i:hover{color:#203bed}.footer #username{text-transform:lowercase}.footer #username a:link{color:#f0f0f0}.footer #username a:hover{color:#203bed}.footer .social-item i{font-size:6rem}#about .profile-pic{max-width:100%;max-height:350px;border-radius:50%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}#about .tagline{font-size:1.5rem}#about #about-content{text-align:justify;font-size:1rem}#about #greeting{font-family:Rubik,sans-serif;font-weight:700;letter-spacing:.2rem;color:#203bed;font-size:1.5rem}#about #about-details,#about #bio{font-size:1.2rem}#skills{background-image:linear-gradient(to right bottom,#0081de,#fc00ff)}#skills .filter{flex-grow:1;flex-basis:100%;min-width:150px;min-height:40px;padding:5px}#skills .filter .active{color:#203bed}#skills #skill-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;min-width:100%}#skills #skill-container .skill-content{width:100%;text-align:start;display:flex;align-items:center;justify-content:center;position:relative}#portfolio .list-inline{padding-top:100px}#portfolio .filter{flex-grow:1;flex-basis:100%;min-width:30px;min-height:60px;padding:5px}#portfolio .filter .active{color:#203bed}#portfolio #portfolio-container{width:100%}#portfolio .portfolio-item{position:relative}#portfolio .portfolio-item .dynamic-image{max-width:100%;height:350px;object-fit:contain}#portfolio .portfolio-item a{text-decoration:none}#portfolio .portfolio-item h3{font-size:1.2rem}#portfolio .portfolio-item .overlay{position:absolute;top:0;bottom:0;opacity:0;transition:.5s ease;background-color:#222;text-align:center}#portfolio .portfolio-item .overlay .portfolio-item-content{width:100%;color:#f0f0f0;text-align:start}#portfolio .portfolio-item .overlay .langButtonRow{justify-content:start;align-items:center;width:90%;padding-left:8px;margin-bottom:3rem}#portfolio .portfolio-item .overlay .langButton{padding:5px}#portfolio .portfolio-item:hover .overlay{opacity:.95}#contact{background-image:linear-gradient(to right bottom,#0081de,#fc00ff)}#contact .row{width:100%}#contact .row .emptyCol{padding-top:25px;padding-bottom:25px}#contact .ul{margin-top:1rem}#contact .contact-content{width:100%;padding-top:2rem}#contact .btn,#contact .btn-resume,#contact .btn-submit,#contact .btn-success{background-color:#203bed;border-color:transparent;color:#f0f0f0}#contact .btn:hover,#contact .btn-resume:hover,#contact .btn-submit:hover,#contact .btn-success:hover{background-color:#112bd3;color:#e3e3e3}.contact-form{padding-top:3rem}.contact-form button{width:100%}.skillbars{flex-grow:1;flex-basis:100%;min-width:350px;max-width:800px}.skill{margin:.8rem 0;width:100%}.skill-name{font-size:.8em;letter-spacing:.145em;text-transform:uppercase}.outer-bar,.inner-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:-webkit-linear-gradient(to right,#f5ba19,#f12711);background:linear-gradient(to right,#f5ba19,#f12711)}[class$="100"]{width:100%}[class$="95"]{width:95%}[class$="90"]{width:90%}[class$="85"]{width:85%}[class$="80"]{width:80%}[class$="75"]{width:75%}[class$="70"]{width:70%}[class$="65"]{width:65%}[class$="60"]{width:60%}[class$="55"]{width:55%}[class$="50"]{width:50%}[class$="45"]{width:45%}[class$="40"]{width:40%}[class$="35"]{width:35%}[class$="30"]{width:30%}[class$="25"]{width:25%}[class$="20"]{width:20%}[class$="15"]{width:15%}[class$="10"]{width:10%}[class$="5"]{width:5%}@keyframes fillBar{to{transform:scaleX(1)}}.banner{position:relative;height:100vh;width:100%;background-image:linear-gradient(to right bottom,#0081de,#fc00ff);background-size:cover;-webkit-background-size:cover;text-align:center}.banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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}