.css-atovpb-MuiTypography-root{color:#8c8c8e!important}.MuiLinearProgress-bar.MuiLinearProgress-barColorPrimary{background-color:var(--yellow)!important}.header{width:100%;padding:30px;height:155px;background:linear-gradient(159deg,rgba(37,37,50,.98),rgba(35,35,45,.98));text-align:center;box-shadow:0 1px 4px 0 rgba(15,15,20,.1);width:-webkit-fill-available}.dav-name{color:#fafafc;transition:.4s ease-in-out}.avatar{width:90px;height:90px;border-radius:50%;position:relative;margin:0 auto 15px}.avatar-img{z-index:0;clip-path:circle(40.3% at 49% 40%)}.download{display:flex;justify-content:flex-start;align-items:center}.download-link{position:relative;text-transform:uppercase;font-size:12px;display:inline-block;letter-spacing:1.5px;font-weight:600;margin-right:15px;margin-bottom:10px;color:#8c8c8e;transition:.4s ease-in-out;cursor:pointer;display:flex;justify-content:center;align-items:center}.download-link:hover{color:var(--yellow)}.MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall{fill:var(--yellow);margin-right:10px}.knowlageList-container ul li{justify-content:flex-start}.info-scrollbar{padding:15px 0 50px;overflow:scroll;scrollbar-width:none}.info-scrollbar .MuiBox-root .MuiBox-root .MuiTypography-root{color:var(--secondary)}.ls-divider{background:#646466;width:100%;height:1px;opacity:.3}.infoTable{color:#8c8c8e}ul{padding:0;margin:0}ul li{list-style-type:none;display:flex;justify-content:space-between;margin-bottom:5px}.info-bar{background:#20202a;width:290px;padding-left:15px;padding-right:15px;min-width:290px;height:calc(100vh - 5px);position:fixed;z-index:999;box-shadow:0 3px 8px 0 rgba(15,15,20,.2);transition:.55s ease-in-out}@media (min-width:375px) and (max-width:1023px){.info-bar{background:#20202a;width:100%;padding-left:0;padding-right:0;min-width:290px;box-shadow:0 3px 8px 0 rgba(15,15,20,.2);transition:.55s ease-in-out;position:unset;height:auto}}.banner-container{padding:60px 10px 10px;position:relative}.banner{background-position:50%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:350px;z-index:999;position:relative}.banner-back{content:"";position:absolute;z-index:0;top:-30px;width:90%;height:30px;margin-left:5%;border-top-left-radius:3px;border-top-right-radius:3px;background:rgba(30,30,40,.88)}.banner-overlay{position:relative;display:flex;flex-direction:column;padding:60px;background-image:linear-gradient(90deg,rgba(45,45,58,.9) 15%,rgba(45,45,58,.7) 50%,rgba(43,43,53,.7));height:230px}.banner-image{position:absolute;z-index:988888;width:397px;height:auto;top:-179px;right:147px}.typing-effect-container{display:flex;align-items:center;align-content:center}.banner-title{font-size:2.5em;color:#fff;font-weight:700;margin-bottom:10px}@media only screen and (min-width:1200px){.banner-container{padding:30px 10px 10px;position:relative}.banner-title-media{width:450px}}.counter-frames{display:flex;justify-content:space-between;align-items:center;height:100%}.counter-frame{.counter-frame-count{font-size:1.5rem;font-weight:700;color:#fff;margin-right:10px;color:var(--yellow)}.counter-frame-text{font-size:1rem;color:#fff}}.column-info{width:100%}.column-info-container{width:45%}.column-info-wrapper{display:flex}.column-info-heading{align-self:center;position:relative;margin-bottom:30px}.timeline-item{position:relative;.rounded{border-radius:50%;top:10px;right:-10px;width:10px;height:10px;border:3px solid var( --yellow)}.rounded,.triangle{z-index:2;position:absolute}.triangle{top:13px;right:7px;width:8px;height:8px;background:var(--dark);clip-path:polygon(50% 0,0 100%,100% 100%);transform:rotate(90deg)}}.timeline-item-content{position:relative;margin-right:15px;background:linear-gradient(159deg,#2d2d3a,#2b2b35);padding:30px;margin-bottom:30px;-webkit-box-shadow:0 3px 8px 0 rgba(15,15,20,.2);box-shadow:0 3px 8px 0 rgba(15,15,20,.2)}.timeline-item-content-header{display:flex;justify-content:space-between;align-items:center;.title{color:var(--white);font-weight:600;max-width:250px}.period{padding:.4rem;border-radius:10px;color:var(--light);background-color:var(--dark2)}}.separtor{background-color:var(--background);width:5px}@media (min-width:375px) and (max-width:1023px){.column-info-container{width:100%}}.lang-skills-item .MuiCircularProgress-root.MuiCircularProgress-determinate.MuiCircularProgress-colorPrimary{color:var(--yellow)!important;width:55px!important;height:55px!important}.css-mlv3xz-MuiTypography-root{color:#8c8c8e!important}.lang-skills{display:flex;flex-wrap:wrap;justify-content:space-between}.lang-skills-item{width:33.33333%;text-align:center;margin-bottom:15px}.socialBlock-container{display:flex;align-items:center;justify-content:space-between;padding:0 35px;height:50px;background:linear-gradient(159deg,rgba(37,37,50,.98),rgba(35,35,45,.98));position:absolute;bottom:5px;box-shadow:0 1px 4px 0 rgba(15,15,20,.1);left:5px;width:240px;z-index:999}.socialBlock-container a{color:#8c8c8e;transition:.2s ease-in-out}.socialBlock-container .linkedIn:hover{color:var(--blue)}.socialBlock-container .github:hover{color:var(--white)}@media (min-width:375px) and (max-width:1023px){.socialBlock-container{padding:0;width:100%;position:unset;justify-content:space-around}}.main-content{padding-left:340px;height:auto;position:relative;width:100vw;height:calc(100vh - 30px);padding-right:20px;transition:.55s ease-in-out}.top-background{width:100%;top:0;left:0;padding-left:320px;overflow:hidden;position:absolute;background-position:50%;height:400px;background-size:cover}.top-background-overlay{position:relative;height:100%;width:100%;background-image:linear-gradient(180deg,rgba(30,30,40,.93),rgba(30,30,40,.96) 70%,rgba(30,30,40,.99) 80%,#1e1e28)}.content-scrollbar{width:100%;height:auto}.section-container{padding:5px 10px}.bio-info{display:flex;justify-content:space-around}@media (min-width:375px) and (max-width:1023px){.main-content{padding-left:0;height:auto;width:100%;padding-right:0}.bio-info{display:flex;flex-direction:column}.top-background{display:none}}.cursor{display:inline-block;width:1px;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.dav-app{background:var(--background);width:100vw;height:100vh;position:relative;overflow:auto}.app-wrapper{max-width:1440px;margin-left:auto;margin-right:auto;background:#1e1e28;background-size:cover;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 3px 8px 0 rgba(15,15,20,.2)}.app-container{height:100vh;position:relative;display:flex;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}@media (min-width:375px) and (max-width:1023px){.app-container{flex-direction:column}}