.hidden{opacity:0;visibility:hidden}.text-yellow{color:#ffb406}p{font-size:1.8rem}h3{font-size:3rem}@media (max-width:600px){.display-1{font-size:3.5rem}.display-3{font-size:3rem}h3{font-size:2.5rem}p{font-size:1.5rem}}.logo{font-family:Pacifico,cursive;width:100px;padding:5px;opacity:0;font-size:2.5rem;text-align:right}.logo span{position:relative;cursor:pointer}.logo span:first-child{color:#fff;letter-spacing:1px}.logo span:last-child{color:#ffb406;top:-15px;left:8px}.home-logo{position:absolute;top:3px}.flex-nav{display:flex;position:relative;top:10px}.flex-nav .logo{justify-self:flex-start}.flex-nav nav{width:calc(100% - 110px);display:flex;align-self:center;justify-content:flex-end}.flex-nav nav .nav{width:350px;justify-self:flex-end}.nav{display:flex;align-items:center;padding:6px 5px;width:99%;overflow:hidden}.nav-mobile{display:none}.nav-link{position:relative;top:-55px;padding:6px 10px;text-decoration:none;color:#fff;font-size:1.6rem;z-index:10;opacity:0;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border:none}.nav-link .fa{font-size:3rem;display:none}.nav-link:hover{opacity:.6!important;color:#fff;border:1px solid transparent!important;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}@media (max-width:700px){nav{display:flex;width:136px!important;padding:5px;position:absolute;top:5px;right:10px;z-index:50}.nav,nav{flex-direction:column;align-items:center}.nav{position:relative;justify-content:center;justify-items:center;background:#000;border-radius:40px;overflow:hidden;height:0;padding:0}.nav-mobile{margin:auto auto 10px;background:#05171d;border-radius:50%;width:50px;height:50px}.nav-mobile,.nav-mobile .fa{display:flex;justify-content:center;align-items:center}.nav-mobile .fa{width:100%;height:100%;font-size:2rem}.nav-link{padding-top:15px;padding-bottom:15px;border-radius:40px;position:relative;display:flex;justify-content:center;align-items:center;z-index:3;opacity:0;visibility:hidden}.nav-link:not(:last-child){margin-bottom:3px}.nav-link:hover{opacity:1!important;color:#fff;border:1px solid transparent!important}.nav-link:hover span{visibility:visible;opacity:1}.nav-link .fa{display:block;position:relative;display:flex;justify-content:center;align-items:center;z-index:2;background:#05171d;width:45px;height:45px;font-size:2.5rem;border-radius:50%}.nav-link .fa:hover{color:#ffb406}.nav-link span{visibility:hidden;opacity:0;position:absolute;display:inline-block;text-align:left;left:-62px;width:80px;background:#e19d00;padding:6px 5px;z-index:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}}.hero{position:relative;width:100%}.hero-button .btn{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;width:120px;font-size:1.7rem;opacity:0;color:#1d444e}.hero-social{width:120px}.hero-social a{width:0;opacity:0;font-size:1.7rem;text-decoration:none}.hero-social a:not(last-child){margin-right:10px}.job-title{opacity:0}.home-effect{top:80px;position:absolute;height:calc(100% - 80px);width:95%;left:50%;transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center;overflow:hidden}.home-effect img{margin:auto;width:110px;height:110px;object-fit:contain;opacity:0}.loader{position:absolute;z-index:100;overflow:hidden;top:0;width:100vw;background:radial-gradient(#333,#000);display:flex;align-items:center;justify-content:center;height:100vh}.loader img{margin-right:35px}.about{width:100%;opacity:0;background:#161617;padding:30px 20px;background:rgba(0,0,0,.5)}.about h2{width:30%;font-family:Pacifico,cursive}.about p{text-align:left;width:70%}.about-me{background:#161617;display:flex;justify-content:center;align-items:center;padding:30px 20px;text-align:center;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0)}.about-me:before{pointer-events:none;position:absolute;content:"";width:25px;height:25px;top:0;left:0;background:linear-gradient(135deg,#000 45%,#aaa 50%,#ccc 56%,#ffb406 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#ffffff",endColorstr="#000000");z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.about-skill{background:#161617;padding:30px 20px}.about-skill h2{color:#fff;border-radius:50%;position:relative;animation:glow 2s ease infinite alternate both;-webkit-animation:glow 2s ease infinite alternate both}.about-skill-stack{display:flex;justify-content:center;align-items:center;padding:10px;text-align:center;flex-wrap:wrap}.about-skill-stack h3{color:#ffb406;font-family:Pacifico,cursive;letter-spacing:4px;margin-bottom:10px;font-weight:700}.about-skill-stack div{flex-basis:33%}.about-skill-stack div:not(:first-child){align-self:flex-start}.about-skill-stack div p{width:100%;text-align:center;opacity:0;visibility:hidden}.about-skill:before{pointer-events:none;position:absolute;content:"";width:25px;height:25px;top:0;right:0;background:linear-gradient(225deg,#ffb406 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}@keyframes glow{0%{text-shadow:0 0 0 #fff}to{text-shadow:0 3px 5px #fff}}@media (max-width:820px){.about-me{flex-direction:column}.about h2{width:100%}.about p{width:90%}}@media (max-width:660px){.about-skill-stack{flex-direction:column;justify-content:flex-start;align-items:flex-start}.about-skill-stack div{flex-basis:33%}.about-skill-stack div:nth-child(2){align-self:flex-end;margin-top:25px;margin-bottom:25px}}@media (max-width:500px){.about-me p{text-align:center;width:100%;text-indent:10px}}.portfolio{background:rgba(0,0,0,.5);padding:30px 20px}.portfolio h2{font-family:Pacifico,cursive;color:#ffb406;text-shadow:0 1.8px 1px #fff;filter:drop-shadow(0 1.5px 1px #fff);-webkit-filter:drop-shadow(0 1.5px 1px #fff)}.portfolio-tabs{margin:0 auto 20px;list-style:none;text-align:center;border-radius:50px;padding:2px 15px}.portfolio-tabs .filter-active{background:#ffb406;color:#000}.portfolio-tabs li{cursor:pointer;display:inline-block;position:relative;padding:8px 16px;font-size:1.5rem;font-weight:600;text-transform:uppercase;background:hsla(0,0%,100%,.1);margin:0 3px 10px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;z-index:2}.portfolio-tabs li:hover{color:wheat}.portfolio-item{position:relative;height:280px;overflow:hidden;text-align:center;z-index:5}.portfolio-item:hover .portfolio-body{visibility:visible;opacity:1}.portfolio-item img{position:relative;display:inline-block;z-index:5;width:100%;height:220px;object-fit:cover;margin:0 auto;background:rgba(0,0,0,.5);padding:0}.portfolio-links{position:relative;z-index:10;flex-basis:15%;text-align:center}.portfolio-info{height:50px;background:rgba(0,0,0,.8);padding:2px 10px}.portfolio-info h4{font-size:2.1rem;flex-basis:85%;color:#fff}.portfolio-info a{position:relative;display:inline-block;text-align:right}.portfolio-info a:hover .badge{opacity:1;visibility:visible;text-align:center}.portfolio-info a .badge{position:absolute;top:-25px;font-size:1.2rem;visibility:hidden;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.portfolio-info a .fa{font-size:1.8rem}.portfolio-body{position:absolute;text-align:center;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;top:0;left:0;width:100%;height:220px;background:rgba(0,0,0,.9);z-index:6;visibility:hidden;opacity:0}.portfolio-body p{font-size:1.6rem;opacity:.7;width:100%}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{scroll-behavior:smooth;font-size:62.5%}body{box-sizing:border-box;max-width:100%;overflow-x:hidden;position:relative;background:transparent;font-family:Poppins,helvetica}body:before{content:"";position:fixed;background-image:linear-gradient(270deg,rgba(0,0,0,.7),rgba(0,0,0,.8)),url(images/bg.303d01b02e0dc845ba7d6e227bfcf894.jpg);background-repeat:no-repeat;background-size:cover;left:0;right:0;top:0;height:100vh;z-index:-1}.home-section{display:flex;flex-direction:column;justify-content:center;overflow-y:hidden;height:100vh}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}