@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body{position:relative}.main-container{height:100vh}.cover-img{background-image:url(https://imgs.search.brave.com/DSolf0V6VEtNDSD-LWbPqI-5KY8emcH5IqCxT7Bc3IA/rs:fit:1200:1080:1/g:ce/aHR0cDovL3BhdmJj/YS5jb20vd2FsbGRi/L29yaWdpbmFsLzkv/Yi9mLzEyNjQyMC5q/cGc)}.show-section{height:clamp(10rem,22vh,15rem)}@media (max-width:40.625rem){.all-contents{background-color:#282b30;border-radius:15px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90vw}.show-section{height:9rem}.profile-img img:first-of-type{left:1rem;width:8rem}.profile-img img:nth-of-type(2){right:1.5rem}.donate-btn{margin:1.2rem 1rem 0 0;padding:.5rem}.user-info{left:1rem}.profile-icons{left:-1rem}.profile-icons img{width:1.5rem}.navbar{gap:1rem;padding-left:1rem}.spotify-container{margin:0 1rem}.listening-spotify img{width:5rem}.song-container{gap:.5rem}.song-container img{width:6rem}.timestamp,progress{width:100%}}@media (max-width:26.25rem){.user-profile{align-items:center;display:flex}.profile-icons{display:none}.donate-btn{bottom:2.5rem;left:3rem;position:relative}.user-info h2{display:inline-block}.profile-icons-mobile{display:inline-block;position:relative;top:.2rem}.profile-icons-mobile img{cursor:pointer;width:1.4rem}.profile-img img:first-of-type{left:.5rem;width:8rem}.profile-img img:nth-of-type(2){right:2rem}.user-info{left:.5rem}.navbar{padding-left:.5rem;padding-top:.5rem}.spotify-container{margin:0 .5rem}.listening-spotify img{position:relative;top:0;width:3.5rem}}@media (max-height:37.5rem) and (min-width:40.688rem){.main-container{height:auto;margin:0 auto}.all-contents{margin:1rem 0}}*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}body{background-color:#1e2124}.main-container{display:grid;min-height:100vh;place-items:center}.all-contents{background-color:#282b30;border-radius:15px;width:clamp(65vw,60vw,90vw)}.cover-img{background-image:url(/static/media/cover.660a7f6559efe3322122.png);background-position:50%;background-size:cover;border-radius:15px 15px 0 0;height:10rem}.user-profile>*{display:inline-block}.profile-img img:first-of-type{border:8px solid #282b30;border-radius:50%;bottom:3.5rem;left:2rem;position:relative;width:8rem}.profile-img img:nth-of-type(2){background-color:#282b30;border:6px solid #282b30;border-radius:50%;bottom:4rem;position:relative;right:.5rem;width:2.5rem}.profile-icons{bottom:5rem;left:0;position:relative}.profile-icons img{cursor:pointer;width:2rem}.tooltip{display:inline-block;font-size:0;position:relative}.tooltip .tooltiptext{background-color:#1e2124;border-radius:6px;bottom:150%;color:#fff;left:50%;margin-left:-60px;padding:.2rem .3rem;position:absolute;text-align:center;visibility:hidden;width:8rem;z-index:1}.tooltiptext:after{border-color:#1e2124 transparent;border-style:solid;border-width:10px 13px 0;bottom:-10px;content:"";display:block;left:50px;position:absolute;z-index:1}.tooltip:hover .tooltiptext{-webkit-animation:scale-in-center .3s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .3s cubic-bezier(.25,.46,.45,.94) both;font-size:1rem;visibility:visible;z-index:99}.donate-btn{background-color:#2d7d46;border:none;border-radius:5px;color:#fff;cursor:pointer;float:right;font-size:clamp(.8rem,1.2vw,1.7rem);font-weight:500;margin:1rem 2rem 0 0;padding:.5rem 1rem;z-index:-1}.donate-btn:hover{background-color:#2d7d46d7}.donate-btn:active{box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);opacity:.85}.user-info{bottom:4rem;left:2rem;position:relative}.user-info h2{color:#fff}.user-info h2,.user-info h2 span{font-size:clamp(1.1rem,1.8vw,2.5rem)}.user-info h2 span{color:#99aab5}.profile-icons-mobile{display:none}.user-info p{color:#99aab5;font-size:clamp(.8rem,1.1vw,1.7rem);position:absolute;width:95%}.show-section{height:auto}.navbar{bottom:1.5rem;display:flex;font-size:1.1rem;gap:3rem;padding-bottom:1rem;padding-left:2rem;position:relative}.navbar li{border-bottom:3px solid transparent;color:#99aab5;cursor:pointer;font-size:clamp(.8rem,1.2vw,1.7rem);font-weight:500;padding-bottom:.5rem}.navbar .active,.navbar li:hover{border-bottom:3px solid #fff;color:#fff;padding-bottom:.5rem}.navbar li:hover{transition:border 1s ease}.divider{background-color:#424549;bottom:2.5rem;height:1px;position:relative;width:100%}.about{padding-left:10px;padding-top:10px}.about-section{bottom:2rem;margin:0 2rem;position:relative}.about-section h2{color:#fff}.about-section p{color:#424549}.spotify-container{bottom:2.3rem;display:flex;flex-direction:column;gap:.5rem;margin:0 2rem;position:relative}.spotify-container h3{color:#fff;font-size:clamp(1rem,1.3vw,2rem)}.spotify-container p{color:#99aab5;font-size:clamp(.8rem,1.2vw,1.4rem)}.listening-spotify{align-items:center;display:flex;justify-content:space-between}.listening-spotify img{position:relative;top:.5rem;width:4rem}.song-container{display:flex;gap:1rem}.song-container img{width:8rem}.timestamp{display:flex;justify-content:space-between;padding:0 2px;width:150%}progress{border:0;border-radius:20px;height:.5rem;width:150%}progress::-webkit-progress-bar{background-color:#424549;border:0;border-radius:20px;height:8px}progress::-webkit-progress-value{background-color:#fff;border:0;border-radius:20px;height:8px}progress::-moz-progress-bar{border:0;border-radius:20px;height:8px}.timestamp p{font-size:clamp(.8rem,1.1vw,1.4rem)}.skills-section{align-items:center;bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.skills-section h2{color:#fff;font-size:clamp(1.3rem,1.8vw,2.5rem)}.all-skills{display:flex;flex-basis:1;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 1rem}.skill{align-items:center;background-color:#424549;border-radius:10px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);cursor:pointer;display:flex;flex-direction:column;gap:.1rem;padding:.5rem 1rem;transition:background-color .1s ease-in}.skill:hover{background-color:#4245499d}.skill img{height:7rem;width:7rem}.skill svg{width:7rem}.skill h3{color:#fff;font-size:clamp(1rem,1vw,2rem)}@media (max-width:40.625rem){.all-contents{background-color:#282b30;border-radius:15px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90vw}.show-section{height:auto}.profile-img img:first-of-type{left:1rem;width:8rem}.profile-img img:nth-of-type(2){right:1.5rem}.donate-btn{margin:1.2rem 1rem 0 0;padding:.5rem}.user-info{left:1rem}.profile-icons{left:-1rem}.profile-icons img{width:1.5rem}.navbar{gap:1rem;padding-left:1rem}.spotify-container{margin:0 1rem}.listening-spotify img{width:5rem}.song-container{gap:.5rem}.song-container img{width:6rem}.timestamp,progress{width:100%}}@media (max-width:26.25rem){.user-profile{align-items:center;display:flex}.profile-icons{display:none}.donate-btn{bottom:2.5rem;left:3rem;position:relative}.user-info h2{display:inline-block}.profile-icons-mobile{display:inline-block;position:relative;top:.2rem}.profile-icons-mobile img{cursor:pointer;width:1.4rem}.profile-img img:first-of-type{left:.5rem;width:8rem}.profile-img img:nth-of-type(2){right:2rem}.user-info{left:.5rem}.navbar{padding-left:.5rem;padding-top:.5rem}.spotify-container{margin:0 .5rem}.listening-spotify img{position:relative;top:0;width:3.5rem}.all-skills{gap:1rem}.skill{gap:.5rem}.skill img,.skill svg{height:5rem;width:5rem}.skill h3{font-size:.9rem}}@media (max-width:23.125rem){.all-contents{background-color:#282b30;border-radius:15px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90vw}.cover-img{height:8rem}.user-info{width:90%}.user-info h2,.user-info h2 span{font-size:1rem}.user-info p{font-size:.8rem;width:95%}.profile-icons-mobile img{width:1.2rem}.donate-btn{left:1rem;margin:1rem 0 0;position:relative}}@media (min-width:93.75rem) and (min-height:59.375rem){.all-contents{width:75vw}.show-section{height:auto}.profile-img img:first-of-type{bottom:4rem;width:10rem}.profile-img img:nth-of-type(2){border-radius:50%;right:1rem;width:3.5rem}.profile-icons{bottom:5rem}.profile-icons img{width:3rem}.donate-btn{font-size:clamp(.8rem,1.5vw,1.7rem);margin:1.7rem 2rem 0 0;padding:.8rem 1.5rem}.user-info{box-sizing:content-box;padding-top:.5rem}.cover-img{height:20rem}.navbar,.spotify-container{padding-top:1rem}.song-container{align-items:center}.song-container img{width:12rem}.tooltip .tooltiptext{box-sizing:content-box;padding:.5rem}.tooltip:hover .tooltiptext{font-size:1.1rem}}@media (max-height:37.5rem) and (min-width:40.688rem){.main-container{height:auto;margin:1rem auto}.all-contents{margin:1rem 0}}@media (min-height:56.25rem){.show-section{height:auto}}@media (min-height:100vh){*{scrollbar-color:#a49aa7 #fff;scrollbar-width:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e2124}::-webkit-scrollbar-thumb{background-color:#a49aa7;border:3px solid #1e2124;border-radius:10px}}.scale-in-center{-webkit-animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}.scale-in-center-copy{-webkit-animation:scale-in-center 2.5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center 2.5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.fade-in{-webkit-animation:fade-in 1.5s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.5s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@media (min-height:59.375rem) and (min-width:93.75rem){.skills-section{gap:1rem;margin:0 0 1rem}.skill{gap:1rem}.skill img,.skill svg{height:9rem;width:9rem}.skill h3{color:#fff;font-size:clamp(1rem,1.3vw,2rem)}}#python-logo{cursor:pointer;max-height:60vh;max-width:60vw;overflow:visible;padding:5px}#python-logo path{fill:transparent;stroke-width:5px;position:relative;transition:all .2s ease-in-out}#python-logo path:first-child{stroke:#3670a0;-webkit-animation:border-move 2s linear forwards,fill-first 1s linear 2s forwards;animation:border-move 2s linear forwards,fill-first 1s linear 2s forwards}#python-logo path:last-child{stroke:#fed140;-webkit-animation:border-move 2s linear forwards,fill-second 1s linear 2s forwards;animation:border-move 2s linear forwards,fill-second 1s linear 2s forwards}#python-logo:hover path:first-child{text-shadow:0 0 20px #3670a0;-webkit-transform:translate(-2%,-2%);transform:translate(-2%,-2%)}#python-logo:hover path:last-child{box-shadow:0 0 20px #fed140;-webkit-transform:translate(2%,2%);transform:translate(2%,2%)}@-webkit-keyframes border-move{0%{stroke-dasharray:0 1600}to{stroke-dasharray:1600 1600}}@keyframes border-move{0%{stroke-dasharray:0 1600}to{stroke-dasharray:1600 1600}}@-webkit-keyframes fill-first{0%{fill:transparent}to{fill:#3670a0}}@keyframes fill-first{0%{fill:transparent}to{fill:#3670a0}}@-webkit-keyframes fill-second{0%{fill:transparent}to{fill:#fed140}}@keyframes fill-second{0%{fill:transparent}to{fill:#fed140}}#st1{stroke-dasharray:1223.460205078125 1223.460205078125;stroke-dashoffset:1223.460205078125;stroke:#d3d3d3;-webkit-animation:anim 2s ease 1.5s forwards,color .35s ease 3.15s forwards;animation:anim 1.2s ease 1s forwards,color .35s ease 2s forwards}#st1,#st2{stroke-width:3}#st2{stroke-dasharray:1223.4583740234375 1223.4583740234375;stroke-dashoffset:1223.4583740234375;stroke:#d3d3d3;-webkit-animation:anim 2s ease 1.5s forwards,color .35s ease 3s forwards;animation:anim 1.2s ease 1s forwards,color .35s ease 2s forwards}#st3{stroke-dasharray:1223.4610595703125 1223.4610595703125;stroke-dashoffset:1223.4610595703125;-webkit-animation:anim 2s ease 1.5s forwards,color .35s ease 3.15s forwards;animation:anim 1.2s ease 1s forwards,color .35s ease 2s forwards}#st3,#st4{stroke-width:3;stroke:#d3d3d3}#st4{fill:none;-webkit-animation:circle .5s ease-in forwards;animation:circle .5s ease-in forwards}@-webkit-keyframes anim{85%{stroke-dashoffset:0;stroke-width:3;stroke:#d3d3d3;stroke:#00d8ff}to{stroke-dashoffset:0;stroke-width:0;stroke:#00d8ff}}@keyframes anim{85%{stroke-dashoffset:0;stroke-width:3;stroke:#d3d3d3;stroke:#00d8ff}to{stroke-dashoffset:0;stroke-width:0;stroke:#00d8ff}}@-webkit-keyframes color{0%{stroke-width:3}to{stroke-width:24}}@keyframes color{0%{stroke-width:3}to{stroke-width:24}}@-webkit-keyframes replay{to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes replay{to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes circle{85%{stroke-dashoffset:0;stroke-width:3;stroke:gray;fill:hsla(0,0%,100%,0)}to{stroke-dashoffset:0;stroke-width:0;fill:#00d8ff}}@keyframes circle{85%{stroke-dashoffset:0;stroke-width:3;stroke:gray;fill:hsla(0,0%,100%,0)}to{stroke-dashoffset:0;stroke-width:0;fill:#00d8ff}}
/*# sourceMappingURL=main.c7dcc1c7.css.map*/