*{margin:0;box-sizing:border-box;padding:0;font-family:Lekton,monospace;font-style:normal;overflow-x:hidden}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}::-webkit-scrollbar{width:6px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.25);border-radius:6px}::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:transparent}html{scroll-behavior:smooth}.flex{display:flex}p{line-height:1.7}.hidden{display:none}body{color:rgba(255,255,255,.55);background:#26262d}.typing{white-space:nowrap;overflow:hidden}.container{justify-content:center;height:100vh;width:100vw;align-items:center}.navbar{margin-right:5px;background:#222;justify-content:last baseline;width:6%;height:350px;padding:5px 0 5px 0;position:sticky;border-radius:5px}.navbar ul{flex-direction:column}.navbar ul li{list-style:none}.mini-profile{display:none}.navbar a{width:100%;padding:10px;flex-direction:column;justify-content:center;align-items:center;color:rgba(255,255,255,.9);text-decoration:none;position:relative;transition:color .3s ease-in-out}.navbar a::after{background:radial-gradient(ellipse at right,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);content:"";position:absolute;left:0;bottom:0;width:100%;height:1px}.navbar a:hover{color:#f6b846}.navbar a.active{color:#f6b846}.navbar a .nav-item-icon{font-size:20px}.navbar a .nav-item-text{text-align:center;font-size:12px;font-weight:500;padding:10px 0}.underlay{background:linear-gradient(135deg,rgba(246,184,70,.4) 0,rgba(246,184,70,.01) 100%);content:"";position:absolute;left:11%;top:3%;width:35%;height:88%;opacity:.3;z-index:-10;border-radius:inherit}.profile-card{background-image:url("../img/img.webp");background-size:100% 50%;background-repeat:no-repeat;width:35%;height:90%;flex-direction:column;justify-content:space-between;background-color:#222;box-shadow:.1px .1px 20px #1d1d1d;position:relative;z-index:1;border-radius:4px}.profile-pic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;bottom:0}.profile-pic::before{background:linear-gradient(135deg,rgba(246,184,70,.4) 0,rgba(246,184,70,.01) 100%);content:"";position:absolute;top:-5px;left:-20px;bottom:0;right:0;margin:auto;width:140px;height:140px;border-radius:100%}.profile-pic img{position:absolute;border:#222 solid 4px;width:140px;left:0;right:0;top:-25px;bottom:0;border-radius:200px;margin:auto}.bubble{position:relative;height:52%;bottom:0}.bubble::after{content:"";border-top-left-radius:50%100%;border-top-right-radius:50%100%;position:absolute;bottom:0;left:0;height:50px;width:100%;background-color:#222}.profile-text{position:relative;text-align:center;flex-direction:column;justify-content:space-between;color:rgba(255,255,255,.85)}.profile-text h1{padding:10px 0 0 5px;font-size:34px}.profile-text .skill{padding:5px 0;font-size:16px;color:#f6b846}.profile-buttons{width:100%;position:relative}.profile-buttons::before{background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);content:"";position:absolute;left:0;top:0;width:100%;height:1px;z-index:300}.profile-buttons a{text-decoration:none;width:50%;padding:25px;text-align:center;cursor:pointer;background-color:#222;color:rgba(255,255,255,.85);border:none;transition:all .1s}.profile-buttons a:hover{color:#f6b846}.profile-buttons .l{position:relative}.profile-buttons .l::before{background:radial-gradient(ellipse at top,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);content:"";position:absolute;right:0;top:0;width:1px;height:100%;z-index:300}.icons{gap:10px;place-content:center}.icons a{width:fit-content;height:fit-content;padding:0;color:rgba(255,255,255,.85);margin:0}.icons svg{width:14px;height:16px}.slider{width:47%;height:83%;background-color:#222;overflow-y:auto;z-index:1}.slider .slider-content{display:none;margin-top:2rem;opacity:0;transition:all .5s ease-in-out}.slider .slider-content.active{display:block;margin-top:0;opacity:1}.slider .slider-title::before{content:"";width:30px;height:30px;border-radius:100%;position:absolute;top:0;bottom:0;margin:auto;left:10px;background:linear-gradient(135deg,rgba(246,184,70,.4) 0,rgba(246,184,70,.01) 100%)}.slider .slider-title{font-size:20px;padding:25px 30px;color:#ffff;font-weight:500;position:relative;width:100%}.slider .slider-title::after{content:"";background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);position:absolute;bottom:0;left:0;width:100%;height:1px}.slider .about-me{padding:30px 30px;line-height:1.7}.facts{justify-content:space-between;flex-direction:column;margin-top:20px}.facts div.flex{justify-content:space-between;flex-wrap:wrap}.facts div.flex span{color:#ffffffe6}.services{position:relative}.service{padding:30px;position:relative}.slider .icon-ring{position:relative;width:60px;height:60px;font-size:32px;border-radius:100%;margin-bottom:5px;color:#f6b846;border:#f6b846 1px solid}.icon-ring .icon{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.service-title{color:#ffffffd9}.services::after{content:"";background:radial-gradient(ellipse at top,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);position:absolute;right:0;left:0;margin:auto;width:1px;height:100%}.services .service::after{content:"";background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);position:absolute;bottom:0;left:0;width:100%;height:1px}.resume-stuff{padding:0 20px}.experience{width:50%}.resume-heading{align-items:center;gap:10px;position:relative;padding:10px 10px}.resume-heading::after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}.resume-stuff-item{padding:30px 15px;position:relative}.resume-stuff-item .time-range.active{color:#f6b846;border:1px #f6b846 solid}.resume-stuff-item .time-range{color:#666;border:1px #666 solid;width:103px;border-radius:4px;font-size:13px;padding:0 5px;margin:0 0 11px;position:relative}.resume-stuff-item .title{color:#ffffffe6;font-size:17px;font-weight:700}.resume-stuff-item .title-sub{color:#999;font-size:14px;margin:4px 0 11px}.resume-stuff-item .recommend{font-size:14px;font-weight:700;color:#ffffffe6;margin:10px 0 0}.resume-dot{position:relative}.resume-dot.active::before{background-color:#f6b846}.resume-dot::before{content:"";position:absolute;top:16%;left:0;height:10px;width:10px;border-radius:100%;background-color:#666}.resume-stuff-item.first::before{content:"";position:absolute;bottom:0;left:5px;height:80%;width:1px;background:rgba(197,202,213,.15)}.resume-stuff-item::before{content:"";position:absolute;bottom:0;left:5px;height:100%;width:1px;background:rgba(197,202,213,.15)}.resume-stuff-item::after{content:"";position:absolute;bottom:0;left:5px;height:1px;width:100%;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}.coding,.knowledge{width:50%}.get-touch{padding:20px}.works-list{position:relative;flex-wrap:wrap}.work{position:relative;padding:20px 25px;transition:all .5s ease-in-out;width:100%}.work img{max-width:100%}.work:hover{color:#f6b846}.work::after{content:"";background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);position:absolute;bottom:0;left:10px;margin:auto;width:100%;height:1px}.works-list::after{content:"";background:radial-gradient(ellipse at top,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);position:absolute;right:0;left:0;margin:auto;width:1px;height:100%}.works-list .left,.works-list .right{width:50%}.works-list a{text-decoration:none;color:rgba(255,255,255,.9)}.works-list b{font-size:17px;font-weight:600;left:0;right:0;margin:auto}.contact-form{padding:30px}.contact-form input,.contact-form textarea{background:0 0;border:none;border-bottom:1px solid #eee;font-family:Poppins;font-size:16px;transition:all .1s ease-in}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-bottom:2px #f6b846 solid;color:#f6b846}.name-email{flex-wrap:wrap;flex-grow:1;gap:13px}.name-email input{width:48.2%;height:50px}.form-message{width:100%;height:120px;margin:30px 0}.form-submit{font-size:14px;color:#ffffffe6;font-weight:700;border:none;background:0 0;cursor:pointer;transition:all .5s ease-in-out}.form-submit:hover{color:#f6b846}@media all and (max-width:1125px){.navbar{width:fit-content;position:fixed;top:23%;left:5%;z-index:10}.container{flex-direction:column;justify-content:space-around;height:100%;gap:10px}.profile-card{margin:20px 0 0 0;width:67%;height:100vh;max-height:780px}.slider{width:67%}.underlay{width:67%;height:100vh}}@media all and (max-width:680px){.navbar ul{flex-direction:row;width:100%;position:relative;overflow-x:auto}.navbar ul li{flex-grow:1}.navbar ul::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}.navbar{height:fit-content;width:100%;left:0;position:fixed;z-index:2;top:0}.navbar a{padding:10px 20px}.navbar a::after{background:radial-gradient(ellipse at top,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);content:"";position:absolute;right:0;bottom:0;width:1px;height:90%}.underlay{width:90%;left:3%;top:3%}.profile-card{margin:100px 0 0 0;width:100%}.slider{width:100%;height:500px}.mini-profile{display:block;padding:0 10px}.mini-profile img{width:44px;height:44px;border-radius:100%}.mini-profile div.flex{justify-content:flex-start;gap:10px;align-items:center}.mini-profile p{flex-direction:column;font-size:15px;color:rgba(255,255,255,.85)}.mini-profile p span{font-size:12px;color:#f6b846}.services{flex-direction:column}.services::after{display:none}.resume-stuff{flex-direction:column}.name-email input{width:100%}.slider .about-me{padding:20px}.experience{width:100%}.works-list .left,.works-list .right{width:100%}.works-list{flex-direction:column}.works-list::after{display:none}}