@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");*{font-family:Poppins,sans-serif;margin:0}body{color:#fff;background-color:#000}.skill-icon-container{position:relative;top:7px}.icons{left:2px}.skill-icon{width:40px;height:20px}.skill-title{font-size:1.5rem;font-weight:700;margin:0 auto;position:relative;cursor:pointer;line-height:1.2;text-align:center;padding-bottom:.6rem;display:inline}.skill-title:after{content:"";width:0;height:.2rem;background:linear-gradient(90deg,#a993fe,#7e61e7);border-radius:.5rem;position:absolute;left:50%;transform:translateX(-50%);bottom:0;opacity:0;transition:width .3s ease,opacity .3s ease}.skill-title:first-line{background-image:none}.skill-title:hover:after{width:100%;opacity:1}.skills-list{display:flex;flex-direction:column;align-items:flex-start;margin-top:10px;padding:0 20px}.skills{font-size:.8rem}.bottom-icons{display:flex;justify-content:center;position:absolute;bottom:10px;left:0;right:0;padding:0}.bottom-icons svg{margin:0 5px;color:#fff}.body-wrapper{display:flex;flex-direction:column;align-items:center;padding:20px}.body,.title{text-align:center}.title{padding-top:50px;padding-bottom:30px}.boxes-wrapper{display:flex;justify-content:center;gap:40px;margin-top:20px;flex-wrap:wrap}.box{width:230px;border-radius:7px;height:190px;background-color:#000;position:relative;overflow:hidden;transition:box-shadow .5s ease;box-shadow:-5px 0 10px hsla(0,0%,100%,.5);padding:10px;display:flex;flex-direction:column;align-items:flex-start}@media (max-width:768px){.boxes-wrapper{justify-content:space-around}.box{width:80%;max-width:250px}}@media (max-width:480px){.box{width:80%}}