:root{--SEgreen:rgb(10 91 0)}html{scroll-behavior:smooth}body{background:#ffffff;font-family:'Montserrat',sans-serif}.container-fluid{max-width:1366px}.btn{color:var(--SEgreen);border:2px solid white;border-radius:0;box-shadow:inset 0 0 0 50px white;transition:ease-out .3s}.btn:hover,.btn:focus{color:white;border-color:white;box-shadow:inset 0 0 0 0 white}section{padding-top:100px}.navbar{z-index:1000;position:absolute;background-color:transparent;border-bottom:1px solid rgba(255 255 255 / .2);width:100%;transition:.5s}@media (min-width:768px){.navbar-expand-md .navbar-collapse{justify-content:end}.navbar:not(.nav-sticky){padding:30px 0}}.nav-link{color:white}.navbar-nav .nav-link.active{color:black}.nav-sticky{position:fixed;top:0;background-color:white;box-shadow:0 0 5px 2px rgba(0 0 0 / .5);color:black}.nav-sticky .nav-link{color:#666}.nav-sticky .nav-link:hover{color:black}.nav-sticky .navbar-nav .nav-link.active{color:green}@media all and (max-width:767.98px){.navbar{position:fixed;z-index:1000;top:0;background-color:white;box-shadow:0 0 5px 2px rgba(0 0 0 / .5);color:black}.nav-link{color:black}.navbar-nav .nav-link.active{color:green}}.hero{padding:150px 0 0 80px;background:linear-gradient(rgb(84 207 67 / 66%),rgb(10 91 0 / 91%)),url(../img/hero-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(10 91 0);transition:background-color 1s;z-index:500}.hero.showHero::before{background-color:transparent}.hero .hero-text{color:white}.hero .hero-text p{font-size:25px}.hero .hero-text h1{font-size:50px;letter-spacing:2px}.hero .typed-container{display:flex}.hero .typed-container{height:2rem}.hero .hero-text .typed-text{display:none}.hero .hero-text .typed-cursor{font-size:35px;position:relative;top:-10px}.hero .hero-btn{margin-top:50px;position:relative;z-index:800}.hero .hero-btn .btn{margin-right:10px;padding:12px 25px;font-size:14px;font-weight:600;letter-spacing:1px}@media (max-width:767.98px){.hero{padding:150px 0 0 1%}.hero .hero-text h1{font-size:8vw}.hero .hero-text h2{font-size:5vw}.hero .hero-text .typed-cursor{top:-2vw;font-size:6vw}.hero .hero-btn .btn{margin-right:3px;padding:5px 10px;font-size:12px}}.section-header{position:relative;margin-bottom:15px}.section-header p{display:inline-block;margin:0 30px;margin-bottom:10px;padding-left:15px;position:relative;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#ffffff}.section-header p::before{position:absolute;content:"";height:3px;top:11px;right:0;left:-30px;background:var(--SEgreen);z-index:-1}.section-header p::after{position:absolute;content:"";width:3px;height:3px;top:11px;left:3px;background:var(--SEgreen);z-index:1}.section-header h2{margin:0;position:relative;font-size:45px;font-weight:700}@media (max-width:767.98px){.section-header h2{font-size:30px}}.skills .card-img-box{height:50px;display:flex;align-items:center;justify-content:center}.skills img.card-img-top{max-height:50px}.skills .card img.square{width:50px}.skills .card-body{padding:15px 4px 0}.skills .card-title{font-size:1rem;margin-bottom:0;color:#797979}.skills .certificate-box{padding:5px 0 2px;margin:0;border-radius:5px;background-color:cornsilk;border:1px solid #ffd587}.skills .certificate-box a{text-decoration:none;color:#512505}.skills .certificate-box a:hover{text-decoration:underline}.skills .card-certificate{max-width:40px}.skills a .certificate-caption{font-size:.75rem;vertical-align:top;display:inline-flex}.skills a .codecademyLink{margin-left:4px;line-height:.95rem}.skills .skills-text p{margin-top:20px;margin-bottom:0}.portfolio .portfolio-img{overflow:hidden}.portfolio .portfolio-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:.5s}.portfolio .portfolio-item:hover img{margin-left:15px}.portfolio .portfolio-text{position:relative;min-height:60px;width:calc(100% - 30px);margin:-30px 15px 15px 15px;display:flex;align-items:center;background:#ffffff;box-shadow:0 0 15px rgba(0,0,0,.12)}.portfolio .portfolio-text h3{width:calc(100% - 70px);font-size:18px;font-weight:600;margin:0 0 0 15px}.portfolio .portfolio-text a.btn{width:50px;height:50px;padding:0 0 2px 1px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:100;border:1px solid var(--SEgreen);}.portfolio a.btn:hover{color:white;background:var(--SEgreen);;box-shadow:inset 0 0 0 0 white;border-color:white}.portfolio a.btn:focus{color:black}.experience .timeline{position:relative;width:100%;padding-top:30px}.experience .timeline::after{content:'';position:absolute;width:2px;background:var(--SEgreen);top:0;bottom:0;left:50%;margin-left:-1px}.experience .timeline .timeline-item{position:relative;background:inherit;width:50%;padding-bottom:30px}.experience .timeline .timeline-item.left{left:0;padding-right:30px}.experience .timeline .timeline-item.right{left:50%;padding-left:30px}.experience .timeline .timeline-item::after{content:'';position:absolute;width:16px;height:16px;top:48px;right:-8px;background:#ffffff;border:2px solid var(--SEgreen);border-radius:16px;z-index:1}.experience .timeline .timeline-item.right::after{left:-8px}.experience .timeline .timeline-item::before{content:'';position:absolute;width:0;height:0;top:46px;right:10px;z-index:1;border:10px solid;border-color:transparent transparent transparent #c1cfbc}.experience .timeline .timeline-item.right::before{left:10px;border-color:transparent #c1cfbc transparent transparent}.experience .timeline .timeline-date{position:absolute;width:100%;top:44px;font-size:16px;font-weight:600;color:var(--SEgreen);text-transform:uppercase;letter-spacing:1px;z-index:1}.experience .timeline .timeline-item.left .timeline-date{text-align:left;left:calc(100% + 55px)}.experience .timeline .timeline-item.right .timeline-date{text-align:right;right:calc(100% + 55px)}.experience .timeline .timeline-text{padding:30px;background:#ffffff;position:relative;border-right:5px solid #c1cfbc;box-shadow:-20px 0 60px rgba(100,150,80,.2)}.experience .timeline .timeline-item.right .timeline-text{border-right:none;border-left:5px solid #c1cfbc;box-shadow:20px 0 60px rgba(100,150,80,.2)}.experience .timeline .timeline-text h2{margin:0 0 5px 0;font-size:22px;font-weight:600}.experience .timeline .timeline-text h4{margin:0 0 10px 0;font-size:16px;font-style:italic;font-weight:400}.experience .timeline .timeline-text p{margin:0;font-size:16px}@media (max-width:767.98px){.experience .timeline::after{left:8px}.experience .timeline .timeline-item{width:100%;padding-left:38px}.experience .timeline .timeline-item.left{padding-right:0}.experience .timeline .timeline-item.right{left:0;padding-left:38px}.experience .timeline .timeline-item.left::after,.experience .timeline .timeline-item.right::after{left:0}.experience .timeline .timeline-item.left::before,.experience .timeline .timeline-item.right::before{left:18px;border-color:transparent #c1cfbc transparent transparent}.experience .timeline .timeline-item.left .timeline-date,.experience .timeline .timeline-item.right .timeline-date{position:relative;top:0;right:auto;left:0;text-align:left;margin-bottom:10px}.experience .timeline .timeline-item.left .timeline-text,.experience .timeline .timeline-item.right .timeline-text{border-right:none;border-left:5px solid #c1cfbc}}.contact{background-color:var(--SEgreen);padding-bottom:100px}.contact .section-header{color:white}.form-floating>textarea.form-control{height:150px}#success{color:white;font-weight:bold;height:50px}.help-block{color:gold;font-weight:bold}.mailMessageWiggle{animation:wiggle .2s;animation-iteration-count:4}@keyframes wiggle{0%{transform:translate(-4px,0);}50%{transform:translate(4px,0);}}.footer-social a i{color:var(--SEgreen)}.footer-social a i:hover{color:rgb(23,128,23)}