@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans:wght@400;600;700;800&display=swap);#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body[data-v-09918113],html[data-v-09918113]{margin:0;padding:0;scroll-behavior:smooth}#app[data-v-09918113]{font-family:Montserrat,sans-serif;background-color:#fff}h1[data-v-09918113],h2[data-v-09918113]{font-family:Open Sans,sans-serif}h2[data-v-09918113]{font-weight:700!important}#portfooter[data-v-09918113]{background-color:#06202b;color:#edf5e1}#portfooter p[data-v-09918113]{margin:1rem 0}#portnavbar[data-v-09918113]{background-color:#fff;color:#edf5e1}#portnavbar .row[data-v-09918113]{margin:0 auto}@media only screen and (max-width:568px){#portnavbar .row[data-v-09918113]{padding-top:5%}}#portnavbar p[data-v-09918113]{margin:1rem 0}#portnavbar img[data-v-09918113]{width:7%;height:auto;padding:1% 0}@media only screen and (max-width:568px){#portnavbar img[data-v-09918113]{width:20%}}@media only screen and (max-width:767px){#portnavbar .navbar-toggler[data-v-09918113]{width:100%}}#portnavbar .navbar-toggler[data-v-09918113]:focus{outline:none}.hoverable[data-v-09918113]{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;vertical-align:middle;position:relative;box-shadow:0 0 1px transparent;tranform:translateZ(0);transition-duration:.3s;transition-property:transform}.hoverable[data-v-09918113]:before{position:absolute;pointer-events:none;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.35) 0,hsla(0,0%,100%,0) 80%);transition-duration:.3s;transition-property:transform,opacity}.hoverable[data-v-09918113]:active,.hoverable[data-v-09918113]:focus,.hoverable[data-v-09918113]:hover{transform:translateY(-5px)}.hoverable[data-v-09918113]:active:before,.hoverable[data-v-09918113]:focus:before,.hoverable[data-v-09918113]:hover:before{opacity:1;transform:translateY(-5px)}@-webkit-keyframes bounce-animation-09918113{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes bounce-animation-09918113{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}.bounce[data-v-09918113]{-webkit-animation-name:bounce-animation-09918113;animation-name:bounce-animation-09918113;-webkit-animation-duration:2s;animation-duration:2s}@media (min-width:768px){.navbar[data-v-09918113]{text-align:center!important;float:none;display:inline-block}}body[data-v-09918113]{background-color:#000;font-weight:600;text-align:center!important;color:#fff}nav[data-v-09918113]{background:none!important;text-transform:uppercase}nav li[data-v-09918113]{margin-left:3em;margin-right:3em}nav li a[data-v-09918113]{transition:.5s ease-in-out 44color}.page-title[data-v-09918113]{opacity:.75!important}@media (max-width:768px){.aos-animate[data-v-09918113]{opacity:1!important;transition-property:none!important}}h3[data-v-09918113]{margin:40px 0 0}ul[data-v-09918113]{list-style-type:none;padding:0}li[data-v-09918113]{display:inline-block;margin:0 10px}a[data-v-09918113]{color:#06202b;font-weight:700}.navbar-toggler-icon[data-v-09918113]{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(55, 150, 131)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}#portbanner{background-image:url(../img/banner.773dd930.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}#portbanner .container{height:70vh}@media screen and (max-height:687px),screen and (max-width:1366px){#portbanner .container{height:90vh}}#portbanner .container h1{color:#edf5e1;font-weight:700}@media only screen and (max-width:568px){#portbanner .container h1{font-size:9vw}}#portbanner .container h3{color:#edf5e1}#portbanner .container p{color:#edf5e1;text-shadow:1px 1px #000}#portbanner .container img{height:auto;width:70%;padding-bottom:2%}@media only screen and (max-width:767px){#portbanner .container img{width:100%}}#portbanner .container i{color:#edf5e1;font-size:2rem}#portbanner .line-1{position:relative;border-right:2px solid hsla(0,0%,100%,.75);white-space:nowrap;overflow:hidden}#portbanner .anim-typewriter{-webkit-animation:typewriter 3s steps(30) .5s 1 normal both,blinkTextCursor .5s steps(30) infinite normal;animation:typewriter 3s steps(30) .5s 1 normal both,blinkTextCursor .5s steps(30) infinite normal}@-webkit-keyframes typewriter{0%{width:0}to{width:8em}}@keyframes typewriter{0%{width:0}to{width:8em}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}.skills{background-color:#fff}.skills .container{padding-top:2%}.skills h2{color:#06202b}@media only screen and (max-width:424px){.skills h2{font-size:7.5vw}}.skills p{color:#06202b}.skills .nav-tabs{border-bottom:1px solid #7ae2cf}.skills .nav-tabs li{width:25%}@media (max-width:568px){.skills .nav-tabs li{width:100%}}.skills .nav-tabs li a{color:#06202b;font-weight:700}.skills .nav-tabs li .active{font-weight:700;color:#fff;background-color:#077a7d;border-color:#077a7d #077a7d #fff}.skills .tab-content div{list-style:none;padding:1% 0}.skills .tab-content div div{padding:1%}.skills .tab-content div div .progress{background-color:#077a7d;padding:0}.skills .tab-content div div .progress .progress-bar{-webkit-animation-name:animateBar;animation-name:animateBar;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:.5s;animation-duration:.5s;color:#edf5e1;background-color:#06202b;font-weight:700;font-size:1.1rem;line-height:1.1rem}@-webkit-keyframes animateBar{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes animateBar{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.skills .tab-content div div i{margin-bottom:1rem;font-size:2rem}.skills .tab-content div div h5{font-size:1.1rem;font-family:Open Sans,sans-serif;font-weight:700;color:#06202b}.skills #fifty{width:50%}.skills #sixty-five{width:65%}.skills #eighty{width:80%}.skills #seventy{width:70%}.skills #ninety{width:90%}.skills .sass-c{color:#bf4080}.skills .vue-c{color:#4fc08d}.skills .ng-c{color:#dd0031}.skills .js-c{color:#c7c702}.skills .boots-c{color:#563d7c}.skills .html-c{color:#e44d26}.skills .css-c{color:#254bdd}.skills .wp-c{color:#0073aa}.skills .php-c{color:#7377ad}.skills .git-c{color:#eb4d28}.skills .npm-c{color:#cb3837}.skills .server-c{color:#007bff}.skills .default-c{color:#212529}.skills .office-c{color:#1e7e34}.skills .trouble-c{color:#dc3545}#projects{background-color:#fff}#projects .container{padding-top:2%}#projects h2{color:#06202b}@media only screen and (max-width:424px){#projects h2{font-size:7.5vw}}#projects p{color:#06202b}#projects .nav-tabs{border-bottom:1px solid #7ae2cf}#projects .nav-tabs li{width:33.3%}@media (max-width:568px){#projects .nav-tabs li{width:100%}}#projects .nav-tabs li a{color:#06202b;font-weight:700}#projects .nav-tabs li .active{font-weight:700;color:#fff;background-color:#077a7d;border-color:#077a7d #077a7d #fff}#projects .tab-content ul{list-style:none;padding:1% 0}#projects .tab-content ul li{padding:1%}#projects .tab-content ul li i{margin-bottom:1rem;font-size:2rem}#projects .tab-content ul li h5{font-size:1.5rem;font-family:Open Sans,sans-serif;font-weight:700;color:#06202b}#projects .card-container{padding:2%;position:relative;top:0;transition:top .5s}#projects .card-container:hover{top:-10px}#projects .card-container .card{border-bottom:1px solid #077a7d}#projects .card-container .card:hover{border-bottom:1px solid #06202b}#projects .card-container .card p{font-family:Open Sans,sans-serif;color:#06202b}#projects .card-container .card p:nth-child(-n+3){margin:0}#projects .card-container .card h5{font-weight:700;color:#06202b;font-family:Open Sans,sans-serif}#projects .card-container .card .btn-port{cursor:pointer;outline:none;color:#fff;background-color:#077a7d;box-shadow:0 6px #06202b;border-radius:1%}#projects .card-container .card .btn-port:hover{background-color:#077a7d}#projects .card-container .card .btn-port:active{background-color:#077a7d;box-shadow:0 2px #06202b;transform:translateY(4px)}#contact-me{background-color:#077a7d;color:#fff}#contact-me .col-sm-6 a{color:#fff}#contact-me .col-sm-6 i{font-size:2rem}body,html{margin:0;padding:0;scroll-behavior:smooth}#app{font-family:Montserrat,sans-serif;background-color:#fff}h1,h2{font-family:Open Sans,sans-serif}h2{font-weight:700!important}#portfooter{background-color:#06202b;color:#edf5e1}#portfooter p{margin:1rem 0}#portnavbar{background-color:#fff;color:#edf5e1}#portnavbar .row{margin:0 auto}@media only screen and (max-width:568px){#portnavbar .row{padding-top:5%}}#portnavbar p{margin:1rem 0}#portnavbar img{width:7%;height:auto;padding:1% 0}@media only screen and (max-width:568px){#portnavbar img{width:20%}}@media only screen and (max-width:767px){#portnavbar .navbar-toggler{width:100%}}#portnavbar .navbar-toggler:focus{outline:none}.hoverable{display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;vertical-align:middle;position:relative;box-shadow:0 0 1px transparent;tranform:translateZ(0);transition-duration:.3s;transition-property:transform}.hoverable:before{position:absolute;pointer-events:none;z-index:-1;content:"";top:100%;left:5%;height:10px;width:90%;opacity:0;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.35) 0,hsla(0,0%,100%,0) 80%);transition-duration:.3s;transition-property:transform,opacity}.hoverable:active,.hoverable:focus,.hoverable:hover{transform:translateY(-5px)}.hoverable:active:before,.hoverable:focus:before,.hoverable:hover:before{opacity:1;transform:translateY(-5px)}@-webkit-keyframes bounce-animation{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes bounce-animation{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}.bounce{-webkit-animation-name:bounce-animation;animation-name:bounce-animation;-webkit-animation-duration:2s;animation-duration:2s}@media (min-width:768px){.navbar{text-align:center!important;float:none;display:inline-block}}body{background-color:#000;font-weight:600;text-align:center!important;color:#fff}nav{background:none!important;text-transform:uppercase}nav li{margin-left:3em;margin-right:3em}nav li a{transition:.5s ease-in-out 44color}.page-title{opacity:.75!important}@media (max-width:768px){.aos-animate{opacity:1!important;transition-property:none!important}}