*{box-sizing:border-box;padding:0;margin:0}*,:focus,:hover{outline:0}html{scroll-behavior:smooth;height:100%}body{height:100%}ol,ul{list-style-type:none}a,i,li{text-decoration:none;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s}.icon{width:40px}.container{margin:0 auto;max-width:1140px;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.hidden{opacity:0!important}.btn,.btn-dark,.btn-light,button,button.btn-modal,button.carousel-control{display:inline-block;max-width:fit-content;border-radius:0;margin-top:1.5em;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;padding:.375rem .75rem}.btn-dark:hover,.btn-light:hover,.btn:hover,button:hover{cursor:pointer}a:hover,button:hover{color:#f66;text-decoration:none;cursor:pointer}.btn-transparent{background-color:transparent;color:#fff;border:1px solid #fff;padding:10px}.btn-transparent:hover{background-color:#f66;color:#fff}.btn-dark{color:#1b3664;border:1px solid #1b3664;padding:10px}.btn-dark:hover{background-color:#fff;color:#f66;border:1px solid #1b3664}.btn-light{color:#fff;border:solid 1px #fff;font-weight:100}button.btn-modal,button.carousel-control{min-height:50px;max-height:50px;min-width:50px;max-width:50px;margin-top:0;font-size:20px;background-color:rgba(255,255,255,.4);border:none;color:#1b3664;border-radius:50%}button.btn-modal:hover,button.carousel-control:hover{background-color:rgba(255,255,255,.7)}button.btn-modal i,button.carousel-control i{color:rgba(0,0,0,.8);padding:0}.filter{font-size:20px}.filter.active{background-color:#687f9b;color:#fff}h1,h2,h3{font-family:"Bebas Neue",cursive;color:#fff}h1,h2,h3,li{text-shadow:1px 1px 1px #000}h1{color:#f66;font-size:2rem;font-weight:100;letter-spacing:2px}h1 span{color:#fff}h1 #name{font-size:3.5rem;font-family:"Square Peg",cursive;color:#f66;white-space:nowrap}h2{text-align:center}h2 img,h2 svg{vertical-align:middle;width:40px}h2{font-size:40px;font-weight:100;letter-spacing:1px}h3{letter-spacing:1.5px}.btn,.btn-dark,.btn-light,a,button,button.btn-modal,button.carousel-control,p,ul{font-family:Roboto,sans-serif}a{color:#fff}.container{margin:0 auto;max-width:1140px;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.hidden{opacity:0!important}body.scroll-disabled{height:100vh;overflow:hidden}section{padding-top:1.5rem!important;padding-bottom:1.5rem!important}#about-me a,#contact-me a,#footer-content a,#my-skills a,#my-work a{pointer-events:none}#about-me.animate a,#contact-me.animate a,#footer-content.animate a,#my-skills.animate a,#my-work.animate a{pointer-events:all}.container{margin:0 auto;max-width:1140px;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.hidden{opacity:0!important}form{padding-top:15px;padding-bottom:75px;display:flex;flex-wrap:wrap;gap:2%}form .input-group:nth-child(1){position:absolute;left:-8000px}form .input-group{flex:48%}form .textarea-group{flex:100%}form input,form textarea{letter-spacing:1px;font-family:Roboto,sans-serif;font-weight:400;width:100%;background-color:transparent;border:1px solid #fff;padding:1em}form textarea{height:220px;margin-top:2em}form input,form select,form textarea{color:#fff}form ::placeholder{font-weight:100;color:rgba(255,255,255,.85)}form ::-webkit-input-placeholder{color:rgba(255,255,255,.85)}form :-moz-placeholder{color:rgba(255,255,255,.85);opacity:1}form ::-moz-placeholder{color:rgba(255,255,255,.85);opacity:1}form :-ms-input-placeholder{color:rgba(255,255,255,.85)}form .error-text{color:red;opacity:0}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fly-in-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes fly-in-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes skills-item-animation{from{width:0%}to{width:100%}}.gallery{display:grid;grid-gap:15px}.gallery .gallery-item{display:none;transition:1s;position:relative;overflow:hidden;background-color:#1b3664;opacity:1}.gallery .gallery-item.active{animation:fade-in 1s ease forwards;display:inline-block;opacity:1;transform:translateX(0)}.gallery .gallery-item.active.inactive{animation:fade-out 1s ease forwards}.gallery .gallery-item a>*{-webkit-transition:all ease 1s;-moz-transition:all ease 1s;transition:all ease 1s}.gallery .gallery-item a:hover{cursor:pointer}.gallery .gallery-item a img{transition:.6s;height:100%;max-height:100%;width:100%;object-fit:cover}.gallery .gallery-item a .overlay-text-container{display:flex;flex-direction:column;justify-content:center;text-align:center;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;position:absolute;margin:0;padding:30px;opacity:0}.gallery .gallery-item a:hover img{scale:1.25;opacity:.05}.gallery .gallery-item a:hover .overlay-text-container{opacity:1}.filter-list{text-align:center;padding-bottom:15px}.filter-list .filter{font-family:"Bebas Neue",cursive}@media (min-width:768px){.gallery{aspect-ratio:1;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr)}.gallery .gallery-item.active.item-a{grid-column:1/4;grid-row:1/3}.gallery .gallery-item.active.item-b{grid-column:4/6;grid-row:1/3}.gallery .gallery-item.active.item-c{grid-column:6/8;grid-row:1/3}.gallery .gallery-item.active.item-d{grid-column:1/3;grid-row:3/6}.gallery .gallery-item.active.item-e{grid-column:3/6;grid-row:3/5}.gallery .gallery-item.active.item-f{grid-column:6/8;grid-row:3/5}.gallery .gallery-item.active.item-i{grid-column:1/3}.gallery .gallery-item.active.item-j{grid-column:3/5;grid-row:6/8}.gallery .gallery-item.active.item-k{grid-column:1/3}.gallery .gallery-item.active.item-l{grid-column:5/8;grid-row:5/8}}.modal{max-width:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;z-index:0;position:fixed;bottom:-100vh;opacity:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);position:fixed;height:100%}.modal .modal-dialog{display:flex;flex-direction:column;width:100%;height:100vh;max-height:100vh}.modal .modal-dialog .modal-header{width:100%;padding:10px;display:flex}.modal .modal-dialog .modal-header .modal-info h3{vertical-align:middle}.modal .modal-dialog .modal-header .modal-info h3 img,.modal .modal-dialog .modal-header .modal-info h3 svg{width:20px}.modal .modal-dialog .modal-header .btn-close-modal{margin-left:auto;margin-top:0;border:none}.modal .modal-dialog .modal-body{height:100%}.modal .modal-dialog .modal-body .btn-light{margin-bottom:30px}.modal.modal-active{visibility:visible;top:0;bottom:0;opacity:1;overflow-y:scroll;overflow-x:hidden;z-index:10002}.carousel{height:100%;min-height:100%}.carousel ol.carousel-content{height:100%;width:100%;display:flex;justify-content:center;overflow:hidden}.carousel ol.carousel-content li.carousel-item{-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;position:absolute;top:0;bottom:0;display:flex;margin-top:5%;margin-bottom:1%;background-color:transparent;width:85vw}.carousel ol.carousel-content li.carousel-item img{max-width:100%;height:auto;margin-top:auto;margin-bottom:auto;max-height:100%}.carousel ol.carousel-content li.carousel-item .description{color:#fff;margin-top:auto;margin-bottom:auto;max-height:100%}.carousel ol.carousel-content li.carousel-item .description p{line-height:25px}.carousel ol.carousel-content li.carousel-item[data-carousel-position=left]{z-index:10;right:100%;opacity:.5}.carousel ol.carousel-content li.carousel-item[data-carousel-position=left] img{margin-left:auto}.carousel ol.carousel-content li.carousel-item[data-carousel-position=right]{z-index:9;left:100%;opacity:.5}.carousel ol.carousel-content li.carousel-item[data-carousel-position=right] img{margin-right:auto}.carousel ol.carousel-content li.carousel-item[data-carousel-position=center]{z-index:8;opacity:1}.carousel ol.carousel-content li.carousel-item[data-carousel-position=center] img{margin:auto}.carousel .carousel-control{z-index:12;width:100%}.carousel-control{position:absolute;top:50%}.carousel-control.next{position:absolute;right:10px}.carousel-control.prev{position:absolute;left:10px}.navbar-facade{-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;width:100%;left:0;top:0;padding:15px;position:fixed;background:0 0;z-index:1000}.navbar-facade.nav-scrolled{background-color:rgba(27,54,100,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav{z-index:999;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;width:100%;height:100vh;position:fixed;top:-100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}nav.active{top:0}nav img,nav svg{min-width:150px;max-width:250px}nav ul{padding-top:46px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:15px}nav ul li{position:relative;flex:1;display:flex;justify-content:center;align-items:center}nav ul li:hover{background-color:#f66}nav ul li a{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;font-size:36px}nav ul li a p{font-family:"Bebas Neue",cursive}nav ul li a:hover{color:#fff}nav ul li.logo:hover{background-color:transparent}nav ul li.professional-links:hover{background-color:transparent}nav ul li.professional-links ul{display:flex;flex-direction:row;gap:15px;width:75%}nav ul li.professional-links ul li:hover{background-color:transparent}nav ul li.professional-links ul li a i{font-size:40px}nav ul li.professional-links ul li a:hover i{color:#f66}nav{background:linear-gradient(rgba(27,54,100,.95),rgba(0,88,128,.95))}@media (min-width:992px){.navbar-facade{display:none}nav{top:0;height:60px;background:0 0}nav.nav-scrolled{background-color:rgba(27,54,100,.95);-webkit-backdrop-filter:blur(10px)}nav ul{padding:0;flex-direction:row;justify-content:flex-end;gap:0;flex:0}nav ul li{flex-basis:fit-content;justify-content:center}nav ul li:hover{background-color:transparent}nav ul li.logo{flex-basis:60%;justify-content:flex-start;padding-left:15px}nav ul li.logo img,nav ul li.logo svg{width:150px}nav ul li.professional-links{padding-left:1em}nav ul li.professional-links ul{flex-direction:row;gap:15px;width:100%}nav ul li.professional-links ul li a i{font-size:20px}nav ul li a{position:initial}nav ul li a p{font-size:20px}nav ul li a:hover{color:#f66}}#hero{background:linear-gradient(to bottom,rgba(0,88,128,.95),rgba(27,54,100,.95) 100%),url(../images/code-background.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}#hero svg path{fill:#fff}#hero>*{color:#fff}#hero .container{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;justify-content:center}#hero .container #image-container{margin:0 auto;margin-top:auto;margin-bottom:auto;order:1;padding:1.5rem}#hero .container #image-container img{max-width:100%;height:auto;box-shadow:2px 2px 2px #000;border-radius:50%}#hero .container #greeting-container{margin-top:auto;margin-bottom:auto;text-align:center;order:2;padding:1.5rem}#hero .container #greeting-container h1{line-height:4rem}#hero .container #greeting-container>*{vertical-align:middle}#hero .container .btn,#hero .container .btn-dark,#hero .container .btn-light,#hero .container button.btn-modal,#hero .container button.carousel-control{display:inline-block;font-size:25px}@media (min-width:768px){#hero h1{font-size:40px}#hero{height:100vh}}@media (min-width:992px){#hero{height:100vh}#hero .container{height:100vh;flex-direction:row}#hero .container #image-container{order:2}#hero .container #greeting-container{order:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fly-in-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes fly-in-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes skills-item-animation{from{width:0%}to{width:100%}}#about-me{background:#fff;color:#005880}#about-me svg path{fill:#1b3664}#about-me>*{color:#1b3664}#about-me h2{text-shadow:none;color:#1b3664}#about-me .container{text-align:center;display:flex;flex-direction:column}#about-me .container .image-container{opacity:0}#about-me .container .image-container img{align-self:center;max-width:300px}#about-me .container #about-me-text{opacity:0;align-self:center}#about-me .container #about-me-text p{text-align:left}#about-me .container #about-me-text p a{color:#1b3664;text-decoration:underline}#about-me .container #about-me-text p a:hover{color:#f66!important}#about-me.animate .container .image-container{animation:fade-in 3s ease both;opacity:1}#about-me.animate .container #about-me-text{animation:fade-in 3s ease forwards;opacity:1}@media (min-width:768px){#about-me .container{flex-direction:row}}@media (min-width:992px){#about-me{height:100vh;display:flex;align-items:center}}@media (min-width:1200px){#about-me .container .image-container img{max-width:450px}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fly-in-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes fly-in-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes skills-item-animation{from{width:0%}to{width:100%}}section#contact-me{background:linear-gradient(to bottom,rgba(0,88,128,.95),rgba(27,54,100,.95) 100%),url(../images/code-background.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}section#contact-me svg path{fill:#fff}section#contact-me>*{color:#fff}section#contact-me{padding-bottom:0!important}section#contact-me .container{opacity:0}section#contact-me .cls-1{fill:#687f9b;opacity:.35}section#contact-me.animate .container{animation:fade-in 1s forwards;opacity:1}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fly-in-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes fly-in-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes skills-item-animation{from{width:0%}to{width:100%}}#my-skills{background:linear-gradient(to bottom,rgba(0,88,128,.95),rgba(27,54,100,.95) 100%),url(../images/code-background.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}#my-skills svg path{fill:#fff}#my-skills>*{color:#fff}#my-skills .container{opacity:0}#my-skills .container .skills-container{margin-top:15px}#my-skills .container .skills-container>*{flex:1}#my-skills .container .skills-container div .skills-item{position:relative}#my-skills .container .skills-container div .skills-item .skills-bg{height:100%;position:absolute;left:0}#my-skills .container .skills-container div .skills-item .skills-wrapper{display:flex;gap:15px;justify-content:center;margin-bottom:15px;padding:10px;backdrop-filter:blur(10px)}#my-skills .container .skills-container div .skills-item .skills-wrapper img{width:80px}#my-skills .container .skills-container div .skills-item .skills-wrapper h3{font-size:30px;letter-spacing:2px}#my-skills .container .skills-container div .skills-item .skills-wrapper .skills-item-content{flex-basis:75%;margin-top:auto;margin-bottom:auto}#my-skills.animate .container{animation:fade-in 1s ease forwards;opacity:1}#my-skills.animate .container .skills-container div.left .skills-item.animate .skills-bg{width:100%;animation-name:skills-item-animation;animation-duration:1.5s;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,102,102,.15),rgba(255,165,0,.15),rgba(255,255,0,.15),rgba(144,238,144,.15),rgba(0,88,128,.5))}#my-skills.animate .container .skills-container div.right .skills-item.animate .skills-bg{width:100%;animation-name:skills-item-animation;animation-duration:1.5s;background:linear-gradient(to left,rgba(255,255,255,.1),rgba(255,102,102,.15),rgba(255,165,0,.15),rgba(255,255,0,.15),rgba(144,238,144,.15),rgba(0,88,128,.5))}@media (min-width:768px){#my-skills .skills-container{display:flex;gap:2%;width:100%}#my-skills .skills-container div .skills-item{flex-basis:49%}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fly-in-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes fly-in-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes skills-item-animation{from{width:0%}to{width:100%}}#my-work{background:linear-gradient(#1b3664,#005880)}#my-work svg path{fill:#fff}#my-work>*{color:#fff}#my-work{min-height:100vh}#my-work .container{opacity:0}#my-work .container p{padding:1.5em}#my-work.animate .container{opacity:0;animation:fade-in 2s forwards}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fly-in-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes fly-in-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes skills-item-animation{from{width:0%}to{width:100%}}section#contact-me{background:linear-gradient(to bottom,rgba(0,88,128,.95),rgba(27,54,100,.95) 100%),url(../images/code-background.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}section#contact-me svg path{fill:#fff}section#contact-me>*{color:#fff}section#contact-me{padding-bottom:0!important}section#contact-me .container{opacity:0}section#contact-me .cls-1{fill:#687f9b;opacity:.35}section#contact-me.animate .container{animation:fade-in 1s forwards;opacity:1}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fly-in-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes fly-in-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes skills-item-animation{from{width:0%}to{width:100%}}footer{background:linear-gradient(to bottom,rgba(0,88,128,.95),rgba(27,54,100,.95) 100%),url(../images/code-background.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}footer svg path{fill:#fff}footer>*{color:#fff}footer{text-align:center;padding-top:3rem;padding-bottom:0;color:#fff}footer .footer-content{background:rgba(104,127,155,.35);text-shadow:1px 1px 1px #000}footer .footer-content .container{max-width:500px;display:flex;flex-direction:column;gap:50px;opacity:0}footer .footer-content .container div{flex-basis:100%}footer .footer-content .container div#personal-info ul hr{border:1px solid #fff;margin:1em auto 1em auto;width:30%}footer .footer-content .container div#links{display:flex;flex-wrap:wrap;gap:15px}footer .footer-content .container div#links a{display:flex;align-content:center;margin:auto}footer .footer-content .container div#links a.professional-link{width:30px;height:30px}footer .footer-content .container div#links a.professional-link:hover i{color:#f66}footer .footer-content .container div#links a.professional-link i{-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;color:#fff;margin:auto;font-size:40px}footer .footer-content.animate .container{animation:fade-in 1s forwards;opacity:1}footer .footer-content p.footer-copyright{color:#fff;padding:.5em 1em 1em 1em}@media (min-width:768px){footer .container{max-width:1140px}}