.bg-light{background-color:#f8f9fa}.bg-secondary-light{background-color:#009fbd!important}.bg-primary-light{background-color:#8ee4af!important}.bg-primary{background-color:#5cdb95!important}.bg-secondary{background-color:#053865}.text-light{color:#f8f9fa!important}.text-muted{color:#adb5bd}.bg-footer{background-color:#062315}.m-nav-container{background-image:radial-gradient(circle farthest-corner at -1% 57.5%,#13aa52 0,#00662b 90%);bottom:0;display:none;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;transform:scale(1);width:100vw;z-index:998}.close-trigger,.menu-trigger{color:#fff;cursor:pointer;display:block;height:42px;left:1rem;position:absolute;top:2rem;width:42px;z-index:999}.close-trigger:hover .close-trigger-bar:before,.close-trigger:hover .menu-trigger-bar:before,.menu-trigger:hover .close-trigger-bar:before,.menu-trigger:hover .menu-trigger-bar:before{width:100%}@media(min-width:768px){.close-trigger,.menu-trigger{display:none}}.close-trigger{top:42px;z-index:998}.menu-trigger-bar{background-color:#fff;display:block;height:3px;margin-bottom:4px;position:relative;transform:rotate(-45deg);width:100%}.menu-trigger-bar:before{background-color:#fff;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:all .3s cubic-bezier(.55,0,.1,1);width:0}.menu-trigger-bar.top{width:50%}.menu-trigger-bar.middle:before{left:auto;right:0}.menu-trigger-bar.bottom{margin-left:50%;width:50%}.close-trigger-bar{background-color:#fff;display:block;height:3px;position:relative;width:100%}.close-trigger-bar:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:all .3s cubic-bezier(.55,0,.1,1);width:0}.close-trigger-bar.left{transform:translateX(100px) translateY(-100px) rotate(-45deg)}.close-trigger-bar.right{top:-3px;transform:translateX(-100px) translateY(-100px) rotate(45deg)}.inner-container,.menu-container{bottom:0;color:#fff;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.inner-container{z-index:20}.menu{display:block;padding:30% 20% 20% 30%;width:100%}.menu li{padding:1rem 0;text-align:start}.menu a{color:#e9ecef;font-size:1.1rem;padding:10px 0;text-decoration:none;text-transform:uppercase}.menu a:hover{color:hsla(0,0%,100%,.5);text-decoration:underline}.menu-bg{background-color:#053865;display:block;height:40%;position:absolute;width:200%}.menu-bg.middle{height:60%;left:-54.5%;top:29%;transform:rotate(-45deg) scaleY(0)}.menu-bg.top{left:-14%;top:0;transform:rotate(-45deg) translateY(-152%)}.menu-bg.bottom{left:-20%;top:105%;transform:rotate(-45deg) translateY(25%)}.nav{padding-right:1rem}.nav svg{height:1.5rem;width:1.5rem}.nav ul{gap:2rem}.nav ul a{color:#dee2e6;font-size:.9rem}.nav ul a:hover{color:hsla(0,0%,100%,.5);text-decoration:underline}.header{padding:1rem 0 .5rem}.header .logo{background-color:#fff;border-radius:10px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);height:3rem;width:3rem}.header .logo svg{height:auto;opacity:1!important;transform:scale(1);transition:all .5s ease-in-out;width:1.5rem}.header .logo svg:hover{transform:scale(1.5);transition:all .2s ease-in-out}@media(min-width:768px){section{padding:2rem}.logo svg{width:110px}}@media(max-width:767px){.logo{text-align:center;width:100%}.header .container{justify-content:center}.menu,.menu__toggler{display:flex}.nav{display:none}}.footer .container{padding:3rem 1rem 0}.footer h3{font-size:1.1rem;padding-bottom:1rem}.footer a{cursor:pointer;font-size:.9rem}.footer a:hover{color:#053865;text-decoration:underline}.footer ul{padding:0}.footer ul li{padding-bottom:1rem}.copyright{font-size:.9rem;padding:1rem;text-align:center}.copyright a{text-decoration:underline}.contact svg{height:auto;width:1.3rem}.preloader{background-color:#13aa52;height:100vh;overflow:hidden;position:fixed;width:100vw;z-index:2000}.pre-body{animation:speeder .4s linear infinite;left:50%;margin-left:-50px;position:absolute;top:45%}.pre-body>span{background:#fff;border-radius:2px 10px 1px 0;height:5px;left:60px;position:absolute;top:-19px;width:35px}.base span{border-bottom:6px solid transparent;border-right:100px solid #fff;border-top:6px solid transparent;height:0;position:absolute;width:0}.base span:before{background:#fff;border-radius:50%;height:22px;right:-110px;width:22px}.base span:after,.base span:before{content:"";position:absolute;top:-16px}.base span:after{border-bottom:16px solid transparent;border-right:55px solid #fff;border-top:0 solid transparent;height:0;right:-98px;width:0}.face{border-radius:20px 20px 0 0;right:-125px;top:-15px;transform:rotate(-40deg);width:20px}.face,.face:after{background:#fff;height:12px;position:absolute}.face:after{border-radius:0 0 0 2px;content:"";right:4px;top:7px;transform:rotate(40deg);transform-origin:50% 50%;width:12px}.pre-body>span>span:first-child,.pre-body>span>span:nth-child(2),.pre-body>span>span:nth-child(3),.pre-body>span>span:nth-child(4){animation:fazer1 .2s linear infinite;background:#fff;height:1px;position:absolute;width:30px}.pre-body>span>span:nth-child(2){animation:fazer2 .4s linear infinite;top:3px}.pre-body>span>span:nth-child(3){animation:fazer3 .4s linear infinite;animation-delay:-1s;top:1px}.pre-body>span>span:nth-child(4){animation:fazer4 1s linear infinite;animation-delay:-1s;top:4px}@keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes speeder{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.longfazers{height:100%;position:absolute;width:100%}.longfazers span{background:#fff;height:2px;position:absolute;width:20%}.longfazers span:first-child{animation:lf .6s linear infinite;animation-delay:-5s;top:20%}.longfazers span:nth-child(2){animation:lf2 .8s linear infinite;animation-delay:-1s;top:40%}.longfazers span:nth-child(3){animation:lf3 .6s linear infinite;top:60%}.longfazers span:nth-child(4){animation:lf4 .5s linear infinite;animation-delay:-3s;top:80%}@keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}:root{--omrs-color-ink-lowest-contrast:rgba(47,60,85,.18);--omrs-color-ink-low-contrast:rgba(60,60,67,.3);--omrs-color-ink-medium-contrast:rgba(19,19,21,.6);--omrs-color-interaction:#053865;--omrs-color-interaction-minus-two:rgba(73,133,224,.12);--omrs-color-danger:#b50706;--omrs-color-bg-low-contrast:#eff1f2;--omrs-color-ink-high-contrast:#121212;--omrs-color-bg-high-contrast:#fff}div.omrs-input-group{margin-bottom:1.5rem;position:relative;width:20.4375rem}@media(min-width:768px){div.omrs-input-group{width:40rem}}.omrs-input-filled>input,.omrs-input-filled>textarea,.omrs-input-underlined>input{border:none;border-bottom:.125rem solid var(--omrs-color-ink-medium-contrast);font-size:1.0625rem;height:2rem;line-height:147.6%;padding-bottom:.5rem;padding-left:.875rem;padding-top:.825rem;width:100%}.omrs-input-filled>textarea{height:5rem}.omrs-input-filled>input:focus,.omrs-input-filled>textarea:focus,.omrs-input-underlined>input:focus{outline:none}.omrs-input-filled>.omrs-input-label,.omrs-input-underlined>.omrs-input-label{color:var(--omrs-color-ink-medium-contrast);left:.875rem;line-height:147.6%;position:absolute;top:.9375rem;transition:top .2s}.omrs-input-filled>.omrs-input-helper,.omrs-input-underlined>.omrs-input-helper{color:var(--omrs-color-ink-medium-contrast);display:none;font-size:.9375rem;letter-spacing:.0275rem;margin:.125rem .875rem}.omrs-input-filled>input:hover,.omrs-input-filled>textarea:hover,.omrs-input-underlined>input:hover{background:var(--omrs-color-interaction-minus-two);border-color:var(--omrs-color-ink-high-contrast)}.omrs-input-filled>input:focus+.omrs-input-label,.omrs-input-filled>input:valid+.omrs-input-label,.omrs-input-filled>textarea:focus+.omrs-input-label,.omrs-input-filled>textarea:valid+.omrs-input-label,.omrs-input-underlined>input:focus+.omrs-input-label,.omrs-input-underlined>input:valid+.omrs-input-label{font-size:.9375rem;margin-bottom:32px;top:0}.omrs-input-filled:not(.omrs-input-danger)>input:focus+.omrs-input-label,.omrs-input-filled:not(.omrs-input-danger)>textarea:focus+.omrs-input-label,.omrs-input-underlined:not(.omrs-input-danger)>input:focus+.omrs-input-label{color:var(--omrs-color-interaction)}.omrs-input-filled:not(.omrs-input-danger)>input:focus,.omrs-input-filled:not(.omrs-input-danger)>textarea:focus,.omrs-input-underlined:not(.omrs-input-danger)>input:focus{border-color:var(--omrs-color-interaction)}.omrs-input-filled.omrs-input-danger>.omrs-input-helper,.omrs-input-filled.omrs-input-danger>.omrs-input-label,.omrs-input-underlined.omrs-input-danger>.omrs-input-helper,.omrs-input-underlined.omrs-input-danger>.omrs-input-label{color:var(--omrs-color-danger)}.omrs-input-danger>input,.omrs-input-danger>textarea{border-color:var(--omrs-color-danger)}.omrs-input-danger>.omrs-input-helper{display:block}.omrs-input-underlined>input{background:var(--omrs-color-bg-high-contrast)}.omrs-input-filled>input,.omrs-input-filled>textarea{background:var(--omrs-color-bg-low-contrast)}section{padding:3rem 0!important}section header{margin-bottom:4rem!important}section header h2{font-size:2rem}section header h3{font-size:1.3rem}section .btn-container{text-align:center}@media(min-width:768px){section{padding:2rem}section .btn-container{text-align:start}}.form-wrapper button.btn{width:21.5rem}.form-wrapper textarea{resize:vertical}.portfolio{flex-wrap:wrap}.portfolio .technology a{color:#fff}.portfolio .btn{text-transform:uppercase;width:100%}.portfolio .btn .text{gap:.5rem}.portfolio .btn .text svg{height:20px;margin-top:-4px;width:20px}.portfolio h4{font-size:1.5rem;margin-bottom:0!important}.portfolio h5{font-size:1rem;margin-bottom:0!important;margin-top:1rem!important;text-transform:uppercase}.portfolio a{color:#fff}.portfolio .item-container{margin:0 .8rem 2rem;width:320px}@media(min-width:768px){.portfolio .item-container{width:512px}}@media(max-width:767px){.portfolio{align-items:center;flex-direction:column}}.portfolio .item{background-color:#fff;height:256px;position:absolute;position:relative;width:100%}.portfolio .item .icon{border-radius:25px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);height:96px;transform:scale(1.2);transition:all .5s;width:96px}.portfolio .item .icon img{width:80px}.portfolio .item .icon svg{height:66px;width:auto}.portfolio .item:hover .icon,.portfolio .item:hover .item-stack{transform:scale(1.5)}.portfolio .item:hover .arrow,.portfolio .item:hover .overlay{opacity:1}.portfolio .item .arrow{fill:#fff;height:auto;margin:auto;opacity:0;position:absolute;transition:all,.5s;width:48px;z-index:210}.portfolio .item .overlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:all,.5s;z-index:200}.portfolio .item .item-stack{bottom:8px;height:auto;position:absolute;transform:scale(1);transition:all .4s ease-in-out;width:39px}.portfolio .item .item-stack.angular,.portfolio .item .item-stack.web{width:32px}.portfolio .project-name{transition:all .5s ease}.portfolio .project-name:hover{text-decoration:underline}.projects h4{font-size:1.3rem}.projects h5{font-size:1.1rem}.tech-stack{position:relative}.tech-stack h4{font-size:1.5rem;text-transform:capitalize}.tech-stack svg{fill:rgba(0,102,43,.2);height:4rem;position:absolute;width:4rem;z-index:-1}.tech-stack svg.stack{fill:#00662b;height:10rem;opacity:1;position:static;width:10rem}.tech-stack .webpack{left:15%;top:70%}.tech-stack .sass{left:50%;top:77%}.tech-stack .html{left:66%;top:22%}.tech-stack .git{left:90%;top:6%}.tech-stack .github{bottom:50%;left:10%}.tech-stack .stackoverflow{left:30%;top:55%}.tech-stack .gitlab{left:90%;top:33%}.tech-stack .postgres{left:63%;top:65%}.tech-stack .kubernetes{left:85%;top:65%}.tech-stack .csharp{left:35%;top:5%}.tech-stack .gcloud{left:66%;top:5%}.tech-stack .firebase{left:22%;top:15%}.tech-stack .typescript{left:74%;top:80%}.tech-stack .visual-studio{top:50%}.tech-stack .java{left:80%;top:5%}.tech-stack .android-studio{left:73%;top:53%}.tech-stack .kotlin{left:40%;top:70%}.tech-stack .javascript{left:55%;top:40%}.link-secondary{color:#5cdb95;text-decoration:underline}.link-secondary:hover{color:#053865}.main,.projects{background-image:radial-gradient(circle farthest-corner at -1% 57.5%,#13aa52 0,#00662b 90%);color:#fff}.main{padding-bottom:2rem}.main-content{margin-top:4rem}.main-content .focus{color:#ffe800}.main-content h1{font-size:2rem}.main-content p{font-size:1.2rem}.cta{margin-top:1rem;width:16rem}.bello-abraham img{height:auto;margin-top:2rem;width:16rem}@media(min-width:768px){.bello-abraham img{margin-top:0}}.about header{margin-bottom:3rem!important}