@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";.about{padding:200px 0 100px}@media (max-width: 992px){.about{padding-top:130px}}.about .container{padding:0 150px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 1200px){.about .container{padding:0 110px}}@media (max-width: 767px){.about .container{padding:0 50px;display:block}}@media (max-width: 576px){.about .container{padding:0 25px}}.about .container .left-content{width:60%}@media (max-width: 767px){.about .container .left-content{width:100%}}.about .container .left-content h2{margin-bottom:40px;display:flex;align-items:center;font-size:clamp(22px,5vw,32px);color:var(--lightest-slate);position:relative;white-space:nowrap}.about .container .left-content h2 span{font-size:clamp(22px,5vw,32px);color:var(--green);margin-right:10px}.about .container .left-content h2:after{content:"";display:block;width:340px;height:1px;background-color:var(--lightest-navy);position:relative;margin-left:20px;top:0}@media (max-width: 767px){.about .container .left-content h2:after{width:100%}}.about .container .left-content p{color:var(--slate);font-size:18px;list-style:1.2px}@media (max-width: 576px){.about .container .left-content p{font-size:17px}}.about .container .left-content .aboutTechnology{margin:30px 0}.about .container .left-content .list-technology{display:flex}.about .container .left-content .list-technology .list{width:50%}.about .container .left-content .list-technology .list .technology{position:relative;color:var(--slate);font-size:15px;margin-left:20px;margin-top:10px}.about .container .left-content .list-technology .list .technology:before{content:"▹";position:absolute;left:-20px;color:var(--green);font-size:14px}.about .container .right-content{width:300px;height:300px;margin-left:20px}@media (max-width: 992px){.about .container .right-content{width:250px;height:250px}}@media (max-width: 767px){.about .container .right-content{margin:50px auto 0;width:300px;height:300px}}@media (max-width: 576px){.about .container .right-content{width:250px;height:250px}}@media (max-width: 400px){.about .container .right-content{width:200px;height:200px}}.about .container .right-content .wrapper{width:100%;height:100%;position:relative}.about .container .right-content .wrapper img{object-fit:cover;position:absolute;width:100%;height:100%;border-radius:var(--border-radius);left:0;top:0}.about .container .right-content .wrapper:before{content:"";border-radius:var(--border-radius);position:absolute;width:100%;height:100%;border:1px solid #fff;left:25px;top:25px;transition:all .2s linear}.about .container .right-content .wrapper:after{border-radius:var(--border-radius);position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background-color:#0e8f7180;opacity:.8;transition:all .2s linear}.about .container .right-content .wrapper:hover:after{opacity:0}.about .container .right-content .wrapper:hover:before{left:20px;top:20px}.contact{padding:100px 0 50px}.contact .container{text-align:center}.contact .container h4{color:var(--green);font-weight:400;letter-spacing:2px;margin-bottom:20px}.contact .container h3{color:var(--lightest-slate);font-size:clamp(40px,5vw,60px);margin-bottom:10px}.contact .container p{font-size:20px;color:var(--slate)}@media (max-width: 992px){.contact .container p{font-size:18px}}.contact .container .btn{width:fit-content;font-size:15px;padding:20px 28px;border:1px solid var(--green);border-radius:3px;color:var(--green);display:inline-block;margin-top:50px;text-decoration:none;letter-spacing:1.1px}.contact .container .btn:hover{background-color:var(--green-tint)}.contact .container .contactMe{display:flex;align-items:center;justify-content:center;margin-top:200px;display:none}@media (max-width: 767px){.contact .container .contactMe{display:flex}}.contact .container .contactMe i{font-size:22px;display:block;margin-bottom:20px;color:var(--lightest-slate);transition:all .2s linear}.contact .container .contactMe i:hover{color:var(--green);transform:translateY(-5px)}.contact .container .contactMe .fa-instagram{margin:0 30px}.contact .container .myGithub{display:block;margin-top:200px;color:var(--light-slate);font-size:13px;text-decoration:none;letter-spacing:1.2px}@media (max-width: 767px){.contact .container .myGithub{margin:0}}.contact .container .myGithub:hover{color:var(--green)}.experience{padding-bottom:100px;padding-top:100px}@media (max-width: 992px){.experience{padding-top:30px;padding-bottom:60px}}@media (max-width: 767px){.experience{padding-top:60px}}@media (max-width: 576px){.experience{padding-bottom:0}}.experience .container{padding:0 150px}@media (max-width: 1200px){.experience .container{padding:0 110px}}@media (max-width: 767px){.experience .container{padding:0 50px;display:block}}@media (max-width: 576px){.experience .container{padding:0 25px}}.experience .container h2{margin-bottom:40px;display:flex;align-items:center;font-size:clamp(22px,5vw,32px);color:var(--lightest-slate);position:relative;white-space:nowrap}.experience .container h2 span{font-size:clamp(22px,5vw,32px);color:var(--green);margin-right:10px}.experience .container h2:after{content:"";display:block;width:340px;height:1px;background-color:var(--lightest-navy);position:relative;margin-left:20px;top:0}@media (max-width: 767px){.experience .container h2:after{width:100%}}.experience .container .wrapper-section{display:flex;position:relative}@media (max-width: 576px){.experience .container .wrapper-section{display:block}}.experience .container .wrapper-section .left-section{width:18%;min-width:fit-content;margin-right:15px}@media (max-width: 576px){.experience .container .wrapper-section .left-section{margin-bottom:30px;overflow-x:auto;width:100%}}.experience .container .wrapper-section .left-section ul{list-style-type:none}@media (max-width: 576px){.experience .container .wrapper-section .left-section ul{display:flex;width:100%}}@media (max-width: 516px){.experience .container .wrapper-section .left-section ul{width:calc(100% + 50px)}}@media (max-width: 465px){.experience .container .wrapper-section .left-section ul{width:calc(100% + 150px)}}.experience .container .wrapper-section .left-section ul .active{border-color:var(--green);color:var(--green);background-color:var(--light-navy)}.experience .container .wrapper-section .left-section ul li span{border-left:2px solid var(--lightest-navy);width:100%;display:inline-block;padding:15px 20px;cursor:pointer;color:var(--slate);font-size:15px}.experience .container .wrapper-section .left-section ul li span:hover{background-color:var(--light-navy)}@media (max-width: 576px){.experience .container .wrapper-section .left-section ul li span{border-left:none;border-bottom:2px solid var(--lightest-navy)}}.experience .container .wrapper-section .right-section{width:80%;margin-left:30px}@media (min-width: 576px){.experience .container .wrapper-section .right-section{position:absolute;left:20%;top:0;height:350px}}.experience .container .wrapper-section .right-section .card{padding:10px 10px 20px}.experience .container .wrapper-section .right-section .card h4{color:var(--lightest-slate);font-size:22px}@media (max-width: 767px){.experience .container .wrapper-section .right-section .card h4{font-size:18px}}.experience .container .wrapper-section .right-section .card h4 span{color:var(--green)}.experience .container .wrapper-section .right-section .card h4 a{color:var(--green);text-decoration:none;position:relative;font-weight:500}.experience .container .wrapper-section .right-section .card h4 a:after{content:"";display:block;width:0;height:1px;background-color:var(--green);position:absolute;left:0;bottom:0;transition:all .25s linear}.experience .container .wrapper-section .right-section .card h4 a:hover:after{width:100%}.experience .container .wrapper-section .right-section .card h5{color:var(--light-slate);font-size:15px;margin-top:10px;font-weight:400}.experience .container .wrapper-section .right-section .card p{color:var(--slate);margin-top:25px;position:relative;margin-left:20px}.experience .container .wrapper-section .right-section .card p:before{content:"▹";position:absolute;left:-20px;color:var(--green);font-size:16px}.loader{min-height:100vh;color:#adafb6;display:flex;justify-content:center;align-items:center}.loader .boxes{--size: 32px;--duration: .8s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:calc(var(--size) * 1.5 * -1);transform:rotateX(60deg) rotate(45deg) rotateY(0) translateZ(0)}.loader .boxes .box{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.loader .boxes .box:nth-child(1){transform:translate(100%);animation:box1 var(--duration) linear infinite}.loader .boxes .box:nth-child(2){transform:translateY(100%);animation:box2 var(--duration) linear infinite}.loader .boxes .box:nth-child(3){transform:translate(100%,100%);animation:box3 var(--duration) linear infinite}.loader .boxes .box:nth-child(4){transform:translate(200%);animation:box4 var(--duration) linear infinite}.loader .boxes .box>div{--background: #5ccaf6;--top: auto;--right: auto;--bottom: auto;--left: auto;--translateZ: calc(var(--size) / 2);--rotateY: 0deg;--rotateX: 0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.loader .boxes .box>div:nth-child(1){--top: 0;--left: 0}.loader .boxes .box>div:nth-child(2){--background: #14b2f2;--right: 0;--rotateY: 90deg}.loader .boxes .box>div:nth-child(3){--background: #447cf5;--rotateX: -90deg}.loader .boxes .box>div:nth-child(4){--background: #b6bdd3;--top: 0;--left: 0;--translateZ: calc(var(--size) * 3 * -1)}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}.main{padding-top:150px}.main .container{padding:0 150px}@media (max-width: 1200px){.main .container{padding:0 110px}}@media (max-width: 767px){.main .container{padding:0 50px}}@media (max-width: 576px){.main .container{padding:0 25px}}.main .container h5{margin:0 0 30px 4px;color:var(--green);font-size:17px;font-weight:400}.main .container h1{font-size:clamp(30px,7vw,70px);font-weight:900;color:var(--lightest-slate);line-height:1.1}.main .container h2{font-weight:900;margin-top:20px;font-size:clamp(30px,7vw,70px);color:var(--slate);line-height:.9}.main .container h3{margin:20px 0 0;color:var(--slate);font-size:20px;line-height:1.3;font-weight:500}@media (max-width: 576px){.main .container h3{font-size:17px}}.main .container .btn{margin-top:50px;display:inline-block;font-size:15px;padding:20px 28px;border:1px solid var(--green);border-radius:3px;color:var(--green);text-decoration:none}.main .container .btn:hover{background-color:var(--green-tint)}.navbar{width:100%;padding:30px 0;height:100px;background-color:#0a192fd9;position:fixed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);z-index:20;top:0;left:0}.navbar .container{display:flex;align-items:center;justify-content:space-between;padding:0 50px}@media (max-width: 576px){.navbar .container{padding:0 25px}}.navbar .container .logo{display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none}.navbar .container .logo i{font-size:29px;margin-left:2px;position:absolute;left:3px;top:-32px;color:var(--green)}.navbar .container .logo span{color:var(--green);font-size:15px;display:flex;font-weight:500;align-items:center;justify-content:center;position:absolute;left:2px;top:2px}.navbar .container .burger{display:none}.navbar .container .burger i{font-size:30px;color:var(--green)}.navbar .container .burger .line{height:2px;background-color:var(--green);margin-left:auto}.navbar .container .burger .line-1{width:36px}.navbar .container .burger .line-2{width:30px;margin-top:9px;margin-bottom:9px}.navbar .container .burger .line-3{width:24px}@media (max-width: 767px){.navbar .container .burger{display:block}}.navbar .container .links{display:flex;align-items:center}@media (max-width: 767px){.navbar .container .links{width:400px;background-color:var(--light-navy);display:block;position:absolute;text-align:center;padding:30px 0 40px;height:100vh;right:0;top:0;transform:translate(100%);transition:all .3s linear;z-index:10}}.navbar .container .links .times{display:none}.navbar .container .links .times .line_1{width:26px;height:2px;background-color:var(--green);transform:rotate(45deg) translateY(1px)}.navbar .container .links .times .line_2{width:26px;height:2px;background-color:var(--green);transform:rotate(-45deg) translateY(-2px)}@media (max-width: 767px){.navbar .container .links .times{display:block;position:absolute;right:40px;top:40px}}.navbar .container .links ul{list-style:none;display:flex;align-items:center}@media (max-width: 767px){.navbar .container .links ul{display:block}}.navbar .container .links ul li{margin:0 10px}@media (max-width: 767px){.navbar .container .links ul li{margin:0}}.navbar .container .links ul li a{padding:10px;display:inline-block;text-decoration:none;color:var(--lightest-slate);border:2px solid transparent;font-size:15px}@media (max-width: 992px){.navbar .container .links ul li a{font-size:14px}}@media (max-width: 767px){.navbar .container .links ul li a{padding:20px;font-size:17px;letter-spacing:1.1px}}.navbar .container .links ul li a span{color:var(--green);margin-right:5px}@media (max-width: 767px){.navbar .container .links ul li a span{display:block;margin-bottom:5px}}.navbar .container .links ul li a:hover{color:var(--green)}.navbar .container .links .btn{margin-left:20px;font-size:15px;padding:12px 16px;border:1px solid var(--green);border-radius:3px;display:inline-block;color:var(--green);text-decoration:none}@media (max-width: 992px){.navbar .container .links .btn{font-size:14px}}@media (max-width: 767px){.navbar .container .links .btn{margin-top:20px;padding:20px 40px;font-size:17px;letter-spacing:1.1px}}.navbar .container .links .btn:hover{background-color:var(--green-tint)}.navbar .container .links .enter{margin-left:15px;cursor:pointer;width:fit-content}@media (max-width: 767px){.navbar .container .links .enter{margin:10px auto 0}}.navTop{height:80px;transform:translateY(calc(var(--nav-scroll-height) * -1));box-shadow:0 10px 30px -10px var(--navy-shadow);padding:18px 0}.showNavbar{padding:18px 0;height:80px;transform:translateY(0);background-color:#0a192fd9;box-shadow:0 10px 30px -10px var(--navy-shadow)}@media (max-width: 767px){.showNavbar{padding:28px 0}}.portfolio{padding:200px 0 100px}@media (max-width: 992px){.portfolio{padding-bottom:50px;padding-top:100px}}.portfolio .container{padding:0 170px}@media (max-width: 1200px){.portfolio .container{padding:0 110px}}@media (max-width: 767px){.portfolio .container{padding:0 50px}}@media (max-width: 576px){.portfolio .container{padding:0 25px}}.portfolio .container h1{margin-bottom:20px;display:flex;justify-content:center;align-items:center;font-size:clamp(22px,5vw,32px);color:var(--lightest-slate)}.portfolio .container .archive-wrap{text-align:center}.portfolio .container .archive-wrap .archive{text-decoration:none;color:var(--green);font-size:15px;letter-spacing:1.2px;position:relative}.portfolio .container .archive-wrap .archive:after{content:"";display:block;width:0;height:1px;background-color:var(--green);position:absolute;left:0;bottom:-2px;transition:all .2s linear}.portfolio .container .archive-wrap .archive:hover:after{width:100%}.portfolio .container .card-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:20px;column-gap:20px;width:100%;margin-top:30px}@media (max-width: 1200px){.portfolio .container .card-wrapper{grid-template-columns:1fr 1fr}}@media (max-width: 650px){.portfolio .container .card-wrapper{grid-template-columns:1fr}}@media (max-width: 576px){.portfolio .container .card-wrapper{margin-top:15px}}.portfolio .container .card-wrapper .card{width:100%;height:auto;padding:32px 28px;background-color:var(--light-navy);border-radius:var(--border-radius);transition:all .2s linear;position:relative}.portfolio .container .card-wrapper .card:hover{transform:translateY(-8px)}.portfolio .container .card-wrapper .card:hover h3{color:var(--green)}.portfolio .container .card-wrapper .card .links{display:flex;align-items:center;justify-content:space-between;height:fit-content}.portfolio .container .card-wrapper .card .links .external_link:after{width:100%;height:100%;position:absolute;left:0;top:0;content:"";z-index:2}.portfolio .container .card-wrapper .card .links .fa-folder{font-size:40px;color:var(--green)}.portfolio .container .card-wrapper .card .links .fa-github{font-size:20px;color:var(--lightest-slate);z-index:4;position:relative}.portfolio .container .card-wrapper .card .links .fa-github:hover{color:var(--green)}.portfolio .container .card-wrapper .card .links .fa-external-link-alt{font-size:18px;color:var(--lightest-slate);z-index:4;position:relative;margin-left:20px}.portfolio .container .card-wrapper .card .links .fa-external-link-alt:hover{color:var(--green)}.portfolio .container .card-wrapper .card h3{margin-bottom:10px;color:var(--lightest-slate);font-size:22px;margin-top:30px}.portfolio .container .card-wrapper .card p{color:var(--light-slate);font-size:17px;margin-bottom:50px}.portfolio .container .card-wrapper .card ul{list-style-type:none;display:flex;align-items:center;position:absolute;bottom:32px;left:28px}.portfolio .container .card-wrapper .card ul li{color:var(--slate);font-size:13px;margin-right:20px}.portfolio .container .card-wrapper .dnone{display:none}.portfolio .container .btn{background-color:transparent;font-size:15px;padding:20px 28px;border:1px solid var(--green);border-radius:3px;color:var(--green);display:block;margin:50px auto 0;cursor:pointer}.portfolio .container .btn:hover{background-color:var(--green-tint)}@media (max-width: 767px){.positionItems{display:none}}.positionItems .email{position:fixed;right:-80px;bottom:270px;transform:rotate(90deg);text-decoration:none}.positionItems .email span{transition:all .2s linear;color:var(--lightest-slate);font-weight:300;font-size:15px;letter-spacing:1.2px;display:block}.positionItems .email span:hover{color:var(--green);transform:translate(-5px)}.positionItems .email:after{content:"";position:absolute;right:-140px;top:10px;width:100px;height:1px;background-color:var(--lightest-slate)}.positionItems .messangers{position:fixed;bottom:140px;left:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.positionItems .messangers i{font-size:22px;display:block;margin-bottom:20px;color:var(--lightest-slate);transition:all .2s linear}.positionItems .messangers i:hover{color:var(--green);transform:translateY(-5px)}.positionItems .messangers:after{content:"";width:1px;height:100px;background-color:var(--lightest-slate);position:absolute;left:10px;bottom:-140px}.work{padding:100px 0 0}.work .container .wrapper-project{position:relative;margin-top:60px}@media (max-width: 767px){.work .container .wrapper-project:after{content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));border-radius:var(--border-radius);filter:grayscale(45%) contrast(1) brightness(90%)}}.work .container .wrapper-project .project-img{width:57%;height:360px;position:absolute;top:0;z-index:1}@media (max-width: 992px){.work .container .wrapper-project .project-img{width:55%;height:280px;top:20px}}@media (max-width: 767px){.work .container .wrapper-project .project-img{width:100%;height:100%;filter:grayscale(45%) contrast(1) brightness(90%);top:0}}.work .container .wrapper-project .project-img:after{border-radius:var(--border-radius);position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background-color:#0e8f7180;opacity:.8;transition:all .2s linear}.work .container .wrapper-project .project-img:hover:after{opacity:0}.work .container .wrapper-project .project-img img{width:100%;height:100%;border-radius:var(--border-radius);object-fit:cover}.work .container .wrapper-project .project-content{text-align:right;width:55%;margin-left:auto;z-index:3;position:relative}@media (max-width: 992px){.work .container .wrapper-project .project-content{width:70%}}@media (max-width: 767px){.work .container .wrapper-project .project-content{width:100%;margin-left:0;text-align:left;padding:40px 30px 30px}}.work .container .wrapper-project .project-content h5{color:var(--green);margin-bottom:10px;font-size:15px;font-weight:400}.work .container .wrapper-project .project-content a{text-decoration:none;display:inline-block;color:var(--lightest-slate);font-size:28px;margin-bottom:20px}@media (max-width: 767px){.work .container .wrapper-project .project-content a{color:#fff}}.work .container .wrapper-project .project-content a:hover{color:var(--green)}.work .container .wrapper-project .project-content .project-card{padding:25px;font-size:16px;background-color:var(--light-navy);border-radius:var(--border-radius);color:var(--light-slate)}@media (max-width: 767px){.work .container .wrapper-project .project-content .project-card{background-color:transparent;padding:0}}.work .container .wrapper-project .project-content ul{margin:30px 0 20px;display:flex;list-style-type:none;align-items:center}.work .container .wrapper-project .project-content ul li{margin-left:20px;font-size:15px;color:var(--light-slate)}.work .container .wrapper-project .project-content ul li:first-child{margin-left:0}.work .container .wrapper-project .project-content .project-link a{margin-left:20px}.work .container .wrapper-project .project-content .project-link a .fa-github{font-size:24px}.work .container .wrapper-project .project-content .project-link a i{color:var(--lightest-slate);font-size:22px}.work .container .wrapper-project .project-content .project-link a:first-child{margin-left:0}.work .container .wrapper-project .project-content .project-link a:hover i{color:var(--green)}@media (max-width: 992px){.workTwo{padding-top:10px}}@media (max-width: 576px){.workTwo{padding-top:0}}.workTwo .container .wrapper-project{margin-top:50px}@media (max-width: 767px){.workTwo .container .wrapper-project{background-image:linear-gradient(rgba(0,0,0,.85),rgba(0,0,0,.85));border-radius:var(--border-radius)}}.root{position:relative;overflow:hidden}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;background-color:var(--navy)}:root{--navy: #0a192f;--light-navy: #112240;--lightest-navy: #233554;--navy-shadow: rgba(2,12,27,.7);--slate: #8892b0;--light-slate: #a8b2d1;--lightest-slate: #ccd6f6;--dark-slate: #495670;--green: #64ffda;--green-tint: rgba(100,255,218,.1);--border-radius: 4px;--nav-scroll-height: 80px;--transition: all .25s cubic-bezier(.645,.045,.355,1)}.container{max-width:1440px;width:100%;padding-left:15px;padding-right:15px;margin:0 auto}