html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol[class],p,ul[class]{margin:0}ul[class]{list-style:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}::-webkit-scrollbar{display:none}a{text-decoration:none}body{background-color:#000;color:#fff;font-family:Sarpanch,sans-serif}.container{max-width:1200px;width:100%;height:100vh;margin:0 auto;padding:0 15px;display:flex;justify-content:center;align-items:center}.mobile{padding:20px 0 5px;max-width:310px;margin:0 auto;border-radius:15px}.mobile__body-box{box-shadow:0 0 15px #fff;border-radius:30px;background-color:transparent}.mobile__body{border:5px solid #181717;border-radius:30px;height:620px;position:relative;background-color:#000;padding:0 10px;box-shadow:0 0 15px #fff}.mobile__body::after{content:"";position:absolute;top:-8px;right:25px;width:40px;height:7px;background-color:#000;border-top-left-radius:5px;border-top-right-radius:5px}.mobile__body::before{content:"";position:absolute;top:70px;left:-8px;background-color:#000;width:5px;height:40px;border-top-left-radius:5px;border-bottom-left-radius:5px}.mobile__border{position:relative;padding:10px 0 0 0;display:flex;flex-direction:column}.mobile__border::after{content:"";position:absolute;top:140px;left:-18px;background-color:#000;width:5px;height:25px;border-top-left-radius:3px;border-bottom-left-radius:3px}.mobile__border::before{content:"";position:absolute;top:190px;left:-18px;background-color:#000;width:5px;height:25px;border-top-left-radius:3px;border-bottom-left-radius:3px}.mobile__border-top{height:20px;position:relative;z-index:99}.mobile__border-info{position:absolute;width:17px;height:17px;top:2px;left:50px;animation:icon-anim 1s linear infinite}@keyframes icon-anim{0%{transform:scale(1)}100%{transform:scale(1.1)}}.mobile__border-battery{position:absolute;width:17px;height:17px;top:2px;right:10px}.mobile__border-date{padding:5px 10px;color:#fff;font-size:11px}.mobile__border-top::before{content:"";position:absolute;background-color:#000;width:150px;height:20px;left:25%;z-index:99999;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 0 5px #fff}.mobile__display{background-color:rgba(0,0,0,.856);height:585px;width:275px;border-radius:15px;position:relative;overflow:auto;box-shadow:0 0 1px #fff}.mobile__display-top{position:fixed;transform:translateY(-8px);left:0;right:0;margin:0 auto;width:150px;height:25px;background-color:#000;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top-right-radius:5px;border-top-left-radius:5px;overflow:auto;z-index:99}.mobile__display-box{height:425px;overflow:auto;z-index:2}.mobile__carousel{width:98%;height:180px;overflow:hidden;margin-top:20px;border-radius:15px;padding:0 5px;position:relative}.mobile__carousel img{object-fit:cover;width:100%;height:100%;border-radius:10px;opacity:0;transition:1s ease 0s;position:absolute}.mobile__carousel img.active{opacity:1}.mobile__header{color:#fff;font-size:18px;text-transform:capitalize;padding:10px 5px}.mobile__playlist-group{position:relative;width:100%;display:flex;flex-wrap:nowrap;overflow:auto;margin-bottom:10px;padding:5px}.mobile__playlist-cover{display:flex;align-items:center}.mobile__playlist-cover .controls-play{display:none}.mobile__playlist-cover.active .controls-play{display:block;transform:translateX(50px)}.playlist-play{position:absolute;left:40px}.playlist-box{max-width:150px;width:100%;font-size:10px}.mobile__playlist-card{flex:0 0 auto;width:50%;height:100%;padding:0 2px;border-radius:15px}.mobile__playlist-card.active{box-shadow:0 0 15px #1378ef}.mobile__playlist-img{width:145px;height:100px;object-fit:cover;border-radius:10px}.mobile__playlist-name{width:100%;text-transform:capitalize;padding:5px;text-align:center}.mobile__music-artist{text-align:center;margin:0 auto;max-width:225px}.mobile__tab-header{position:absolute;height:35px;bottom:13px;width:100%;transition:all 1s ease 0s;backdrop-filter:blur(50px);background:#000;transform:translateY(13px);z-index:3;display:flex;justify-content:space-around;align-items:center;padding:0 15px;border-radius:15px}.mobile__music-top{display:flex;align-items:baseline;justify-content:space-between}.mobile__music-container{background-color:rgba(0,0,0,.37);transition:all 1s ease 0s;backdrop-filter:blur(50px);z-index:2;position:fixed;position:absolute;width:100%;bottom:0;height:145px;overflow:hidden}.mobile__music-container.active .mobile__music-name{font-size:14px}.mobile__controls-repeat,.mobile__controls-volume{opacity:.5}.mobile__controls-repeat.active{opacity:1}.mobile__controls-volume.active{opacity:1}.mobile__controls-volume{background:url('../img/icons/volume.svg') 0 0 no-repeat;width:20px;height:20px}.mobile__seek-bar{-webkit-appearance:none;width:99%;bottom:35px;height:8px;background-color:rgba(2,32,39,.918);overflow:hidden;border-radius:5px}.mobile__current-timer{display:flex;align-items:center;justify-content:space-between;font-size:11px}.mobile__seek-bar::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:5px;background-color:#fff;cursor:pointer;box-shadow:-400px 0 0 400px rgba(3,190,214,.541)}.mobile__music-name{text-align:center;text-transform:capitalize;font-weight:300;padding-top:5px;font-size:12px}.mobile__controls{display:flex;justify-content:space-around;align-items:center;padding:0 5px;margin-bottom:10px;transform:translateY(10px)}.mobile__controls span{position:relative;z-index:3;padding:0 5px}.mobile__controls-main{display:flex}.mobile__controls-icon{width:20px;height:20px;padding:0 2px}.mobile__controls-play{padding:0 15px!important}.mobile__controls-forward{display:none}.mobile__controls-stepward{transform:rotate(180deg)}.mobile__music-container .hide{display:none;opacity:0;transition:1s ease 0s}.mobile__music-container.active .hide{display:block;opacity:1}.mobile__music-arrow img{position:absolute;bottom:95px;z-index:5;left:10px;transition:all 1s ease 0s}.mobile__music-arrow.active img{transition:all 1s ease 0s;top:30px;transform:rotate(180deg)}.mobile__music-container.active{width:100%;height:100%;padding:65px 30px;display:flex;flex-direction:column;justify-content:space-between;z-index:4;border-radius:15px}.mobile__music-arrow.active .mobile__music-container.active{width:100%;height:99%;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;z-index:4}.mobile__music-img{display:none;border-radius:15px}.mobile__music-container.active .mobile__music-img{display:block;height:200px;object-fit:cover}.mobile__seek-time{font-size:10px;position:absolute;margin-top:5px;left:30px}.mobile__seek-duration{font-size:10px;position:absolute;margin-top:5px;right:30px}.mobile__controls-slider{-webkit-appearance:none;width:25%;height:18px;position:absolute;right:-25px;bottom:25px;transform:rotate(-90deg);border-radius:20px;background:#252525;overflow:hidden;transition:all 1s;opacity:0;display:none}.mobile__controls-volume.active .mobile__controls-slider{opacity:1;display:block}.mobile__music-container.active .mobile__controls-slider{width:45%;height:20px;position:absolute;right:-65px;bottom:40px}.mobile__controls-slider::-webkit-slider-thumb{-webkit-appearance:none;height:40px;width:10px;background:#07a3eb;box-shadow:-100px 0 1px 100px #07a3eb}.mobile__playlist-btn{background:url('../img/icons/list.svg') 0 0 no-repeat;width:20px;height:20px;top:20px;left:10px;z-index:99}.mobile__music-playlist{position:absolute;top:25px;right:25px}mobile__music-container.active .mobile__music-playlist{display:block}.mobile__playlist-show{width:100%;height:70%;position:absolute;top:180px;background-color:#000;z-index:99;transition:all 1s ease 0s;overflow:auto;left:0;transform:translateX(-200%);box-shadow:0 0 15px #41aae7}.mobile__playlist-show.active{transform:translateX(0)}.mobile__music-playlist.active{z-index:10}.mobile__playlist-title{text-align:center;text-transform:uppercase;font-size:40px;margin-bottom:20px}.mobile__playlist-item{overflow:auto;width:100%;margin:2px 0;padding:10px 10px;display:flex;flex-wrap:wrap;flex-direction:column}.mobile__playlist-cover{opacity:.2}.mobile__playlist-cover.active{box-shadow:0 0 15px #1378ef;border-radius:15px;opacity:1;animation:cover-border 3s linear infinite}@keyframes cover-border{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}.mobile__playlist-list img{width:100%;height:85px;object-fit:cover;border-radius:15px;overflow:hidden;padding:10px}.mobile__controls-pause{padding:0 5px!important}.mobile__tab{transition:all .5s ease 0s;background-color:transparent}.mobile__tab.active-tab{padding:5px;background-color:#fff;border-radius:50%;opacity:1}.mobile__tab.active-tab img{transform:translateX(-1px)}.mobile__content.d-none-tab{display:none}header img{border-radius:50%;margin:20px auto;display:profile-card;width:200px;border:5px solid #fff}.profile-card{border-top:0 solid #26a69a;border-bottom:0 solid #00695c;border-radius:50%;margin:0 auto;display:profile-card;height:230px;width:270px;overflow:hidden;transition:all ease .3s;transform:translateY(35px)}.profile-card:hover{border-top:4px solid #26a69a;border-bottom:4px solid #00695c;border-radius:5px;height:467px}.profile-card:hover header img{animation:profile_image 2s linear both;animation-delay:.5s}header{text-align:center;transform:translateX(15px)}header h1{position:relative;text-align:center;color:#fff;text-shadow:1px 1px rgba(0,0,0,.5);font-size:25px;line-height:25px;display:inline-profile-card;padding:10px;transition:all ease 250ms}.profile-card:hover header h1{margin-top:0;outline:0 solid #fff;border-top:0 solid #fff}header h2{text-align:center;color:#fff;text-shadow:1px 1px rgba(0,0,0,.5);font-size:17px;font-weight:400;line-height:0;margin:0}.profile-bio{margin-top:20px;padding:1px 20px 10px 20px!important;transition:all linear 1.5s;color:#fff;font-size:14px;opacity:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.42) 49%,rgba(0,0,0,.61) 100%)}.profile-card:hover .profile-bio{opacity:1;text-align:center}.profile-bio p:first-child{text-align:center;font-size:16px}.profile-social-links{position:relative;margin-top:-440px;margin-left:-100px;list-style-type:none;opacity:0;transition:all ease .5s}.profile-card:hover .profile-social-links{bottom:85%;opacity:1;margin-left:0}.profile-social-links li img{width:35px;background:#fff;border-radius:50%;padding:5px}.about-me{animation:about 2s linear infinite}@keyframes about{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes profile_image{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}3.4%{transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1)}4.7%{transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1)}6.81%{transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1)}9.41%{transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1)}10.21%{transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1)}13.61%{transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}14.11%{transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}17.52%{transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1)}18.72%{transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1)}21.32%{transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1)}24.32%{transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}25.23%{transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1)}29.03%{transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}29.93%{transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}35.54%{transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}36.74%{transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1)}41.04%{transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)}44.44%{transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1)}52.15%{transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1)}59.86%{transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1)}63.26%{transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1)}75.28%{transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)}85.49%{transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)}90.69%{transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)}100%{transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)}}.profile-card:hover header h1{animation:name_and_job 1.5s linear both;animation-delay:.4s}@keyframes name_and_job{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-300,0,0,1)}1.3%{transform:matrix3d(3.905,0,0,0,0,1,0,0,0,0,1,0,-237.02,0,0,1)}2.55%{transform:matrix3d(4.554,0,0,0,0,1,0,0,0,0,1,0,-182.798,0,0,1)}4.1%{transform:matrix3d(4.025,0,0,0,0,1,0,0,0,0,1,0,-125.912,0,0,1)}5.71%{transform:matrix3d(3.039,0,0,0,0,1,0,0,0,0,1,0,-79.596,0,0,1)}8.11%{transform:matrix3d(1.82,0,0,0,0,1,0,0,0,0,1,0,-31.647,0,0,1)}8.81%{transform:matrix3d(1.581,0,0,0,0,1,0,0,0,0,1,0,-21.84,0,0,1)}11.96%{transform:matrix3d(1.034,0,0,0,0,1,0,0,0,0,1,0,4.825,0,0,1)}12.11%{transform:matrix3d(1.023,0,0,0,0,1,0,0,0,0,1,0,5.53,0,0,1)}15.07%{transform:matrix3d(.947,0,0,0,0,1,0,0,0,0,1,0,12.662,0,0,1)}16.12%{transform:matrix3d(.951,0,0,0,0,1,0,0,0,0,1,0,13.007,0,0,1)}27.23%{transform:matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,2.352,0,0,1)}27.58%{transform:matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,2.121,0,0,1)}38.34%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.311,0,0,1)}40.09%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.291,0,0,1)}50%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.048,0,0,1)}60.56%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,.007,0,0,1)}82.78%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}100%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}.profile-card:hover ul li:first-child{animation:social_animation 2s ease-in-out both;animation-delay:.75s;padding:5px}.profile-card:hover ul li:nth-child(2){animation:social_animation 2s ease-in-out both;animation-delay:1s;padding:5px}.profile-card:hover ul li:nth-child(3){animation:social_animation 2s ease-in-out both;animation-delay:1.25s;padding:5px}@keyframes social_animation{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-300,0,0,1)}1.3%{transform:matrix3d(3.905,0,0,0,0,1,0,0,0,0,1,0,-237.02,0,0,1)}2.55%{transform:matrix3d(4.554,0,0,0,0,1,0,0,0,0,1,0,-182.798,0,0,1)}4.1%{transform:matrix3d(4.025,0,0,0,0,1,0,0,0,0,1,0,-125.912,0,0,1)}5.71%{transform:matrix3d(3.039,0,0,0,0,1,0,0,0,0,1,0,-79.596,0,0,1)}8.11%{transform:matrix3d(1.82,0,0,0,0,1,0,0,0,0,1,0,-31.647,0,0,1)}8.81%{transform:matrix3d(1.581,0,0,0,0,1,0,0,0,0,1,0,-21.84,0,0,1)}11.96%{transform:matrix3d(1.034,0,0,0,0,1,0,0,0,0,1,0,4.825,0,0,1)}12.11%{transform:matrix3d(1.023,0,0,0,0,1,0,0,0,0,1,0,5.53,0,0,1)}15.07%{transform:matrix3d(.947,0,0,0,0,1,0,0,0,0,1,0,12.662,0,0,1)}16.12%{transform:matrix3d(.951,0,0,0,0,1,0,0,0,0,1,0,13.007,0,0,1)}27.23%{transform:matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,2.352,0,0,1)}27.58%{transform:matrix3d(1.001,0,0,0,0,1,0,0,0,0,1,0,2.121,0,0,1)}38.34%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.311,0,0,1)}40.09%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.291,0,0,1)}50%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,-.048,0,0,1)}60.56%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,.007,0,0,1)}82.78%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}100%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}