.hero-txt{letter-spacing:.1rem;text-align:center;width:45%;font-family:font1;font-size:10vw;font-weight:500;line-height:1.2}.skill-box{width:100%;height:700px;position:relative}.skill-content{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.skill-content *{pointer-events:auto}.object-container{width:100%;height:100%;position:absolute;top:0;left:0}.object{background-color:var(--fg);width:max-content;color:var(--bg);cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:2;border-radius:10rem;padding:.75rem 1.5rem;font-family:font1;font-size:1.5rem;font-weight:500;position:absolute}.object:active{cursor:grabbing}@media (max-width:1000px){.hero-txt{width:80%;font-size:15vw}.object{padding:.8rem 1.5rem;font-size:1.5rem}}@media (max-width:768px){.hero-txt{width:90%;font-size:20vw}.object{padding:.7rem 1.2rem;font-size:1.2rem}.skill-content{padding:1.5rem}footer{width:100%;height:9em}}@media (max-width:480px){.hero-txt{width:95%;font-size:25vw}.object{padding:.3rem 1rem;font-size:1rem}.skill-content{padding:1rem}footer{width:100%;height:100%}}footer{background-color:var(--bg);width:100%;height:100vh;color:var(--fg);flex-direction:column;justify-content:space-between;padding:2em;display:flex;position:relative;overflow:hidden}footer h1{text-transform:uppercase;letter-spacing:.8rem;font-family:font1;font-size:8vw;font-weight:500;line-height:.85}.dev-info p{justify-content:space-between;width:100%;font-family:font1;font-size:1vw;display:flex}.explosion-container{pointer-events:none;z-index:1000;width:100%;height:200%;position:absolute;bottom:0;left:0}.explosion-particle-img{object-fit:cover;will-change:transform;width:100px;height:auto;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}