*{box-sizing:border-box;position:relative;min-width:0}body{min-height:100dvh}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}:root{--gradient-right: rgba(51, 54, 253, .233);--gradient-left: rgba(12, 85, 241, .37);--gradient-background-right: rgba(51, 54, 253, 0);--gradient-background-left: rgba(12, 85, 241, .13);--gradient-background: rgba(15, 23, 42, .7)}body{margin:0;background-image:url(https://community.fastly.steamstatic.com/public/images/profile/2020/bg_dots.png);background-color:#000;background-repeat:no-repeat;background-position:center top}h1,h2,h3,p,i{font-family:Open Sans,sans-serif;color:#fff;font-weight:400;margin:0;padding:0}a{text-decoration:none}button{font-size:14px;font-weight:200;line-height:30px;padding:0 8px;border:none;border-radius:2px;color:#fff;background-color:#0c55f140;transition:color .2s ease-in-out;cursor:pointer}button:hover{background-color:#0c55f166}.profile-container{background:linear-gradient(to bottom,rgba(51,54,253,0) 0%,transparent 15%),radial-gradient(farthest-side at top right,var(--gradient-right),transparent 500px),radial-gradient(farthest-corner at top left,var(--gradient-left),transparent 600px),radial-gradient(farthest-corner at bottom right,var(--gradient-background-right),transparent 500px),radial-gradient(farthest-corner at bottom left,var(--gradient-background-left),transparent 600px);background-color:var(--gradient-background);margin:0 auto;padding:.5rem;min-height:100vh}.profile-header{display:flex;flex-direction:column;gap:1rem;padding:1rem}.profile-header-left{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.profile-frame{width:120px;height:120px;border-radius:2px}.profile-frame img{width:100%;height:100%;object-fit:cover;border-radius:2px;display:block}.profile-frame:before{content:"";position:absolute;inset:-6px;border-radius:2px;border:2px solid white;box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 40px #fff6;pointer-events:none;animation:neonPulse 2s infinite alternate}@keyframes neonPulse{0%{box-shadow:0 0 5px #fff9,0 0 15px #fff6,0 0 30px #fff3}to{box-shadow:0 0 20px #fff,0 0 40px #fffc,0 0 70px #fff9}}.profile-info{display:flex;flex-direction:column;gap:.5rem}.profile-info p{font-size:12px;line-height:1.4;color:#c4c4c4;margin-top:.5rem;max-width:300px}.extensions-link{font-family:Open Sans,sans-serif;font-size:12px;color:#8ab4f8;text-decoration:none;margin-top:.5rem;display:inline-block}.extensions-link:hover{text-decoration:underline}.profile-name{font-size:20px;font-weight:100;color:#fff}.web-developer{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:12px;color:#c4c4c4}.web-developer h3{font-size:12px;font-weight:400}.profile-location{display:flex;align-items:center;gap:.5rem;justify-content:center}.profile-location p{margin:0}.profile-location img{width:1rem;height:auto}.social-media{display:flex;gap:.5rem;justify-content:center}.social-media img{width:1.5rem;height:1.5rem}.profile-header-right{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-level{font-size:16px;display:flex;align-items:center;gap:.5rem}.profile-level-number{font-size:12px;border:2px solid #9b9b9b;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;padding:.8rem}.profile-content{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.profile-content-sections{order:1}aside{order:1;width:100%;background-color:#0003;backdrop-filter:blur(20px);border-radius:2px;padding:.5rem}.aside-header{color:#9b9b9f;margin-bottom:12px;text-align:center}.aside-header p:nth-child(1){text-align:start;font-size:18px;font-weight:200;color:#9b9b9f}.aside-header p:nth-child(2){text-align:start;font-size:13px;color:#9b9b9f}.badges,.other-tools{display:flex;flex-direction:column;gap:.5rem;font-size:14px;margin-bottom:1rem}.badges span,.other-tools span{font-size:20px;font-weight:200;color:#9b9b9f;margin-left:.1rem}.badges-container,.other-tools-container{display:grid;grid-template-columns:repeat(4,35px);gap:15px;justify-content:center;align-items:center;justify-items:center}.badges-container object,.other-tools-container object{width:1.8rem}.profile-projects{display:flex;flex-direction:column;gap:1rem;border-radius:2px;background-color:#0003;backdrop-filter:blur(20px);margin-bottom:1rem}.profile-projects header{display:flex;align-items:center;height:3rem;background:linear-gradient(90deg,var(--gradient-left),var(--gradient-background-right));border-radius:2px}.profile-projects header h2{font-size:16px;font-weight:400;margin-left:1rem}.project-container{padding:0 .5rem}.project-card{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.project-card img{width:100%;height:auto;max-height:200px;object-fit:cover}.project-card-img-contain{object-fit:contain!important;max-height:200px}.project-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.project-info h3{font-size:16px}.project-info a{display:inline-block}.project-logo{height:22px!important;width:auto!important;max-width:100%;object-fit:contain;display:block}.project-info p{font-size:13px;line-height:1.4}.project-footer{padding:.5rem;font-size:12px;background-color:var(--gradient-background-right);border-radius:2px;margin:.5rem 0 1rem;display:flex;flex-direction:column;gap:.5rem}.project-technologies{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.project-technologies object{width:1.5rem}footer{font-size:12px;padding:1rem;background-color:#000;text-align:center}footer i{color:#9b9b9f}.icon{width:1.5rem;height:1.5rem}.online{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.online-circle{width:.5rem;height:.5rem;border-radius:100%;background-color:#22c55e;animation:2s ease-in-out infinite pulse alternate}.online-text{font-size:18px!important;font-weight:200!important;color:#fff!important}@keyframes pulse{0%{background-color:#22c55e}to{background-color:#22c55e50}}@media(min-width:768px){.profile-container{padding:1rem}.profile-header{flex-direction:row;justify-content:space-between;padding:1.5rem 1rem}.profile-header-right{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-header-left{flex-direction:row;text-align:left;gap:1.5rem}.profile-frame{width:130px;height:130px}.profile-name{font-size:22px}.web-developer{flex-direction:row;align-items:center;font-size:13px}.web-developer h3{font-size:13px}.social-media{justify-content:flex-start}.profile-info p{font-size:13px;max-width:350px}.profile-level{align-self:start;font-size:18px}.profile-level-number{font-size:13px;width:1.8rem;height:1.8rem;padding:1rem}.project-card{flex-direction:row;gap:1rem}.project-card img{width:200px;height:110px;max-height:none}.project-footer{flex-direction:row;justify-content:space-between;align-items:center}.project-technologies{justify-content:flex-end}.badges-container,.other-tools-container{grid-template-columns:repeat(5,35px);gap:18px}.aside-header{text-align:left}.aside-body{display:flex;gap:2rem}footer{font-size:14px}}@media(min-width:1024px){.profile-container{max-width:926px}.profile-header-left{gap:2rem}.profile-frame{width:150px;height:150px}.profile-frame:before{border:3px solid white}.profile-name{font-size:24px}.profile-info p{font-size:14px;max-width:400px}.profile-level{font-size:19px}.profile-level-number{font-size:14px;width:1.5rem;height:1.5rem;padding:1rem}.profile-content{flex-direction:row;margin-top:2rem}.profile-content-sections{flex:1;order:1}aside{width:300px;order:2}.aside-body{display:flex;flex-direction:column;gap:2rem}.aside-header p:nth-child(1){font-size:20px}.aside-header p:nth-child(2){font-size:15px}.badges span,.other-tools span{font-size:24px}.badges-container,.other-tools-container{grid-template-columns:repeat(4,40px);gap:20px}.badges-container object,.other-tools-container object{width:2rem}.profile-projects header h2{font-size:18px}.project-card img{width:250px;height:126.5px}.project-info h3{font-size:18px}.project-info p{font-size:14px}.project-footer{font-size:13px;margin:1rem auto;padding:0 1rem}.project-technologies object{width:1.5rem}.online-text{font-size:20px!important}button{font-size:15px;padding:0 10px}}@media(min-width:1200px){.profile-container{max-width:1100px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}