.btn{padding:10px 20px;font-weight:700;border-radius:20px 10px;transition:all .3s ease}.btn-blue-border{background:0 0;border:3px solid var(--blue);color:var(--blue)}.btn-blue-border:hover{background:var(--blue);color:#fff}.btn-white-border{background:0 0;border:3px solid #fff;color:#fff}.btn-white-border:hover{background:#fff;color:var(--blue)}.btn-blue{border:3px solid var(--blue);background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-700);border:3px solid var(--blue-700);color:#fff}.btn-white{background:#fff;border:3px solid #fff;color:var(--blue)}.btn-white:hover{background:#aaa;border:3px solid #aaa;color:#000}.heading-section .section-title{font-weight:800}.heading-section .section-title span{color:var(--blue)}.heading-section .subheading{font-size:13px;font-weight:700;display:block;text-transform:uppercase;letter-spacing:3px}.heading-section .subheading span{color:var(--blue)}.shadow{box-shadow:var(--shadow-to-100)!important;border-radius:100px 50px}#loading{width:100%;height:100%;position:fixed;background:#000;z-index:999999;display:flex;justify-content:center;flex-direction:column;align-items:center;top:0;bottom:0;left:0;right:0}#spinner{animation:rotate .5s infinite linear;width:50px;height:50px;border:2px solid var(--blue);border-bottom:2px solid;border-radius:50%;margin:0}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#loading p{font-weight:700}.header{position:absolute;background-size:100% 100%;background-position:top;background-repeat:no-repeat;width:100%;z-index:4}.header .navbar{background:0 0;padding:20px 10px}.header .navbar .nav-item{margin-left:20px}.header .navbar .nav-item .nav-link{color:#fff;font-size:16px;font-weight:800;text-transform:uppercase;position:relative;padding:5px 0}.header .navbar .nav-item .nav-link::before{content:'';position:absolute;left:0;bottom:0;right:0;height:2px;background-color:#ffff;transition:all .5s ease;transform:scale(0)}.header .navbar .nav-item .nav-link:hover::before{transform:scale(1)}.header .navbar-toggler{border:none}.header .navbar-toggler i{display:block!important;font-size:28px;color:#fff}.header .navbar-brand .logo-symbol{width:55px;height:55px;background:url(../images/svg/brand-letter-blue.svg);background-repeat:no-repeat}.header .navbar-brand .logo-text{float:left;line-height:50px;font-size:1.3em;color:#fff;font-weight:800}.header .navbar-brand .logo-text span{font-weight:600}section.home{background-image:url(../images/effect/background.jpg);background-size:cover;background-position:top;background-repeat:no-repeat;height:100vh;width:100vw!important}section.home .mid{height:100vh!important}section.home .mid img{position:absolute;width:100vw;height:55vh;z-index:3;bottom:-20%;filter:brightness(.8);transform:rotateY(180deg)!important}section.home .earth{position:absolute!important;left:50vw!important;z-index:1;top:0!important}section.home .rock{position:absolute!important;right:10vw!important;top:20vh;z-index:3}section.home .rock img{width:20%;filter:brightness(.5)}section.home .rock1{position:absolute!important;right:50vw!important;top:7vh!important;z-index:4;transform:rotate(180deg)}section.home .text{width:100%;color:#fff;position:absolute;top:40vh;z-index:2}section.home .text h1{font-weight:800;font-size:2em;letter-spacing:15px}section.home .text p{letter-spacing:6px}section.home .rock1 img{width:50%;filter:brightness(.5)}section.home .earth img{width:40%;filter:brightness(.8);transform:rotate(50px)}section.home .body{position:absolute;top:20%;width:100vw;z-index:2;filter:brightness(.3)}section.home .body .terminal{width:100vw;max-width:100%;height:35em;border-radius:10px;background:#2b2c2f;color:#fff;border:1px solid rgba(59,130,246,.15);-webkit-box-shadow:1px 0 28px 0 rgba(0,0,0,.41);-moz-box-shadow:1px 0 28px 0 rgba(0,0,0,.41);box-shadow:1px 0 28px 0 rgba(0,0,0,.41)}section.home .body .terminal header{padding:15px 15px 0 15px}section.home .body .terminal .actions i:hover{filter:brightness(.7)}section.home .body .terminal #digit .bold{font-size:1em}section.home .body .terminal #digit ins{text-decoration:none}section.home .body .terminal #digit .in,section.home .body .terminal .name{font-weight:800}section.home .body .terminal .name{color:var(--blue-400)}section.home .body .terminal #digit .path{font-weight:700;color:var(--blue)}section.home .body .terminal #digit .init_code{font-weight:700}section.home .body .terminal .welcome{font-weight:700}div.absolute{position:absolute;width:100%;z-index:999;max-width:100%!important;overflow-x:hidden;top:109vh}section.about{background:#000}section.about .divisor{position:absolute;width:100%;background:#fff;height:250px;z-index:-1}section.about .profile_img{width:350px;height:350px;max-width:100%;margin:auto;background-image:url(https://avatars.githubusercontent.com/u/48537098?v=4);background-repeat:no-repeat;background-size:cover;border-radius:100px 50px;filter:brightness(.7)}section.about .content h4{font-size:16px;color:#aaa;text-transform:uppercase;font-weight:300;letter-spacing:2px;margin-bottom:10px}section.about .content h1{font-size:48px;line-height:56px;margin-top:0;font-weight:800;color:#fff;margin-bottom:15px}section.about .content h5{font-weight:700;color:var(--blue-200)}section.about .content p{color:#aaa;font-size:16px;letter-spacing:1px}section.about .content .occupation img{width:1em;height:1em}section.about .content .occupation .icon{font-size:2rem;padding:0}section.about .content .occupation .icon h3{font-size:18px;font-weight:600;color:var(--blue)}section.about .socials a{font-size:2em;color:#fff;text-decoration:none;transition:all .4s}section.about .socials a:hover{color:var(--blue)}section.skills{margin-top:-116px;letter-spacing:4px;text-align:center;position:relative;color:#fff}section.skills ul{margin:0;padding:0;max-width:1600px;list-style:none;margin:auto}section.skills ul li{text-align:center;list-style:none;padding:0;display:inline-block;color:#000;font-size:11px;font-weight:700}section.skills ul li img{display:block;margin-bottom:10px;width:100px;max-width:100px!important;max-height:100px}article.skills{margin-top:-120px;letter-spacing:4px;text-align:center;position:relative;color:#fff}.owl-dots{text-align:center;margin-top:20px;background:#fff}.owl-dot{height:12px;width:45px;border-radius:25px;cursor:pointer;outline:0;margin:0 5px;border:2px solid #aaa!important;transition:all .4s ease}.owl-dot.active,.owl-dot:hover{border:2px solid var(--blue)!important;background:var(--blue)!important}section.works .timeline{border-left:2px dashed #ccc}section.works .timeline-box{width:100%!important;padding-left:35px;margin-bottom:30px;position:relative}section.works .timeline-box .timeline-icon{position:absolute;width:35px;height:35px;left:-18px;top:0;text-align:center;line-height:35px;background:var(--blue-300);border-radius:10px 5px;box-shadow:0 0 0 3px rgba(59,130,246,.2)}section.works .experience .timeline-box.skeletor .timeline-icon{background:#ededed!important;box-shadow:0 0 0 3px rgba(246,247,249,.5)}section.works .timeline-box.last .timeline-icon{background:var(--blue);color:#fff!important}section.works .timeline-icon i,section.works .timeline-icon svg{color:#fff}section.works .timeline-content h4{color:var(--blue-600);margin-bottom:3px;font-weight:700}section.works .timeline-content h5{color:var(--blue-400);font-weight:600;font-size:16px}section.works .timeline-content p{margin:10px 0 0;padding:0;margin-top:5px;letter-spacing:1px;color:#2b2c2f}section.works .timeline-box.skeletor .timeline-content .times{height:15px;width:30%;background:#f9f9f9}section.works .experience .timeline-box.skeletor .timeline-content .title{height:25px;width:70%;margin-top:10px;background:#f9f9f9}.skeletor-text,section.works .timeline-box.skeletor .timeline-content .text{height:10px;width:100%;margin-top:12px;background:#f9f9f9}section.works .experience .timeline-box.skeletor .timeline-content .type{height:14px;width:50%;margin-top:10px;background:#f9f9f9}section.works .skeletor .time,section.works .timeline-content .time h4{color:#2b2c2f!important;font-weight:600;font-size:16px;opacity:.5}section.portfolio .projects .card-columns{-webkit-column-gap:0!important;column-gap:0!important;column-count:2}section.portfolio .projects .card,section.portfolio .projects .card .card-img{border:none;border-radius:0;margin:0;transition:all .4s ease}section.portfolio .projects .card-img-overlay{max-height:100%;max-width:100%;opacity:0;transition:all .4s ease;overflow-y:auto;background:rgba(0,0,0,.8)}section.portfolio .projects .card-img-overlay p{font-size:15px;font-weight:600;margin:0;text-align:justify;padding:0;padding-right:16px;letter-spacing:1px;color:#fff;margin-top:15px}section.portfolio .projects .card-img-overlay .source{color:var(--blue);font-weight:700;margin:10px 0}section.portfolio .projects .card-img-overlay .type{margin:0;padding:0;text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;color:#ccc}section.portfolio .projects .card-img-overlay h3{font-size:2.2em;font-weight:800;margin:0;color:#fff}section.portfolio .projects .card-img-overlay .tags{margin:0;margin:5px 0}section.portfolio .projects .card-img-overlay .tag{font-size:14px;background:var(--blue);color:#fff;padding:0 12px;display:inline-block;font-weight:700;border-radius:20px}section.portfolio .projects .card-img-overlay .tag+.tag{margin-left:5px}section.portfolio .projects .card:hover>.card-img-overlay{opacity:1}section.portfolio .projects .card:hover>.card-img{filter:grayscale(100%)}section.contact{background-image:url(../images/bg-maps.png);background-size:cover}section.contact .contact-info .info-item{box-shadow:var(--shadow-to-300);margin:15px;padding:30px;text-align:center;border-radius:50px 25px;background:#2f2f2f;width:100%!important}section.contact .contact-info .info-item .icon{padding:10px;width:60px;height:60px;margin:auto;position:relative;z-index:1;transition:all .4s ease}section.contact .contact-info .info-item .icon::before{content:'';position:absolute;left:100%;top:0;width:100%;height:100%;transition:all .4s ease;z-index:-1;background:var(--blue);opacity:0}section.contact .contact-info .info-item img{transition:all .4s ease;width:50px;height:50px}section.contact .contact-info .info-item:hover img{width:30px;height:30px;margin:auto;margin-top:5px}section.contact .contact-info .info-item:hover .icon::before{left:0;border-radius:20px 10px;opacity:1}section.contact .contact-info .info-item h6{margin-top:20px;margin-bottom:10px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:1px}section.contact .contact-info .info-item p{font-size:16px;line-height:26px;font-weight:400;color:#aaa}footer ul{margin:0}footer .nav-content li a{color:#2a2a2c;font-weight:700;text-transform:uppercase;position:relative;padding:5px 0;font-size:13px;transition:all .4s;text-decoration:none}footer .nav-content li a:hover{color:var(--blue)}footer .nav-footer .brand-footer img{width:50px;height:50px}footer ul.lib-icons li img{height:25px;width:25px;filter:grayscale(100%);opacity:.3;transition:all .4s}footer ul.lib-icons li a:hover>img{opacity:1;filter:grayscale(0)}footer .social{text-align:center;padding-bottom:25px}footer .social a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:12px 6px;margin:0 8px;color:inherit;opacity:.3}footer .copyright a:hover,footer .social a:hover{opacity:1;color:var(--blue)}footer .copyright{text-align:center;font-size:14px;color:#aaa;margin-bottom:20px}footer .copyright a{font-weight:700;color:#aaa;text-decoration:none}footer .copyright span:first-child:after{content:'|';display:inline-block;padding:0 5px 0 5px;color:#ccc}.cursor-link{cursor:pointer!important}