:root{--light-color:#f0f0f0;--dark-color:#222;--grey-color:#747474;--accent-color:#fdc50d;--dark-bg:#1d1f21}*,: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:var(--light-color);color:var(--dark-color)}.light-section a{color:var(--grey-color)}.dark-section{background-color:var(--dark-color);color:var(--light-color)}.dark-section a{color:var(--grey-color)}.dark-bg{background-color:var(--dark-color)}#app,body,html{font-family:Karla,sans-serif;font-weight:400;color:var(--light-color)}h1,h2,h3{font-family:Montserrat,sans-serif}h2,h3{text-transform:uppercase;color:var(--grey-color)}h2{font-size:1.5rem}h3{font-size:1.1rem}a{text-transform:uppercase;color:var(--grey-color)}a:hover{cursor:pointer;text-decoration:none;color:var(--accent-color)}.section-header{text-decoration:underline;-webkit-text-decoration-color:var(--accent-color);text-decoration-color:var(--accent-color);text-decoration-thickness:.375rem;padding-bottom:2rem;margin-top:20px}p{font-family:Karla,sans-serif;font-weight:300}#greeting{font-family:Rubik,sans-serif;font-weight:700;letter-spacing:.2rem;color:var(--accent-color);font-size:1.7rem}.nav-item{font-family:Karla,sans-serif;text-transform:uppercase;font-weight:600;font-size:1.3rem}.banner-text,.nav-item{color:var(--light-color)}.banner-text .display-text{font-size:5rem}.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{margin:2rem}.filters .filter{margin:0 auto}.filters .active{color:var(--accent-color)}header{position:relative;height:100%;width:100%;background:linear-gradient(to right bottom,rgba(34,34,34,.2),rgba(34,34,34,.2)),url(../img/header-background1.6092542c.webp) no-repeat fixed 50%;background-size:cover;-webkit-background-size:cover;text-align:center;box-shadow:0 0 10px #1d1f21}header a:link{color:var(--light-color)}header .navbar-brand{font-size:1.8rem;letter-spacing:-.2rem}header #FirstName{color:var(--light-color)}header #LastName{color:var(--accent-color)}header #Logo{max-height:4.5rem}header .active-nav a{color:var(--accent-color)!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:var(--light-color)}header .arrow-icon i:hover{color:var(--accent-color)}@media screen and (max-width:1000px){header{position:relative;height:100%;width:100%;background:linear-gradient(to right bottom,rgba(34,34,34,.2),rgba(34,34,34,.2)),url(../img/header-background1.6092542c.webp) no-repeat 50%;background-size:cover;-webkit-background-size:cover;text-align:center;box-shadow:0 0 10px #1d1f21}}.footer{background-color:#1d1f21;padding:1rem}.footer a i:link{color:var(--light-color)}.footer a i:hover{color:var(--accent-color)}.footer #username{text-transform:lowercase}.footer #username a:link{color:var(--light-color)}.footer #username a:hover{color:var(--accent-color)}.footer .social-item i{font-size:1.5rem;padding:0 2rem}#about .profile-pic{max-width:100%;max-height:500px;border-radius:10%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}#about .tagline{font-size:1.5rem}#about #about-content{text-align:justify;font-size:1.5rem}#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 .overlay{position:absolute;padding:inherit;top:0;bottom:0;width:100%;opacity:0;transition:.5s ease;background-color:rgba(0,0,0,.53);text-align:center}#portfolio .portfolio-item:hover .overlay{opacity:.95;cursor:pointer}#portfolio .bigImage{position:fixed;top:40px;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}#portfolio .bigImage .backbtn{top:40px;right:20px;border-radius:50%;outline:none}#portfolio .bigImage .backbtn,#portfolio .bigImage .nextbtn{position:absolute;color:#fff;font-size:5rem;cursor:pointer;background-color:transparent;border:none}#portfolio .bigImage .nextbtn{top:50%;right:15%;transform:translateY(-50%)}#portfolio .bigImage .prevbtn{position:absolute;top:50%;left:15%;transform:translateY(-50%);color:#fff;font-size:5rem;cursor:pointer;background-color:transparent;border:none}#portfolio .bigImage img{max-width:80%;max-height:80%;transition:transform .3s;border-radius:10px}#portfolio .grid-container{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;justify-content:space-evenly;justify-items:center;align-items:center}@media screen and (max-width:1300px){#portfolio .grid-container{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;justify-content:space-evenly;justify-items:center;align-items:center}}@media screen and (max-width:1000px){#portfolio .grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-content:space-evenly;justify-items:center;align-items:center}}#portfolio .grid-item{width:100%;-o-object-fit:cover;object-fit:cover;height:250px;overflow:hidden}@media screen and (max-width:1000px){#portfolio .grid-item{width:100%;-o-object-fit:cover;object-fit:cover;height:150px;overflow:hidden}}#portfolio .horizontalClass{width:100%;grid-column:span 2}#contact .social-item{padding:0 .5rem;font-size:1rem}#contact ul{margin-top:2rem}.btn,.btn-resume,.btn-submit,.btn-success{border-color:transparent}.btn,.btn-resume,.btn-resume:hover,.btn-submit,.btn-submit:hover,.btn-success,.btn-success:hover,.btn:hover{background-color:var(--accent-color);color:var(--light-color)}.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:var(--accent-color);background:linear-gradient(90deg,#f5ba19,var(--accent-color))}[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:var(--light-color)}.legalInformation{color:#1d1f21;position:absolute;top:94px;left:0;z-index:1000;background:#fff;padding:50px;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:8px;width:100%;text-align:left}.legalInformation .backbtn{position:absolute;top:-20px;right:20px;border-radius:50%;color:#000;font-size:5rem;cursor:pointer;background-color:transparent;border:none;outline:none}