.skill-container{flex-direction:column;width:100%;height:100vh;overflow:auto}.skill-container,.skills{display:flex;justify-content:center;align-items:center;gap:20px}.skills{flex-wrap:wrap;padding:20px 110px}.skill-card{height:150px;width:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:3px;padding:5px;box-shadow:2px 1px 10px hsla(0,0%,100%,.6);position:relative;z-index:1}.skill-icon{width:70px;height:70px;padding:5px;background:transparent;border:3px solid #000;border-radius:50%}.skill-card:hover{transition:.3s ease-in-out;color:#04e1e1;transform:scale(1.04)}.skill-card-title{font-size:16px;font-weight:500;color:#fff}.skill-card:hover .skill-card-title{transition:.3s ease-in-out;color:#04e1e1}.skill-card:hover .skill-icon{transition:.3s ease-in-out;background:#04e1e1;border:3px solid #fff;color:#fff}@media screen and (max-width:450px){.skill-title{width:100%;padding:5px;gap:10px}.header-icon{font-size:20px}.skill-card{height:120px;width:130px}.skill-card:before{width:100px}@keyframes left-right{0%{left:0}50%{left:calc(100% - 100px)}to{left:0}}.skill-title h2{font-size:20px}.skill-card-title{font-size:13px;font-weight:300;color:#fff}.skill-container{gap:20px}.skills{justify-content:center;padding:10px 0}}@media screen and (max-width:375px){.skills{gap:5px;padding:5px 0}.skill-card:hover{transform:scale(1.03);z-index:2}}.expertise-container{width:50%;margin:20px auto;padding:20px 10px;background-color:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(0,0,0,.8);box-shadow:4px 2px 20px hsla(0,0%,100%,.4);text-align:center}.expertise-title{font-size:17px;font-weight:500;margin-bottom:10px;color:#fff}.expertise-list{font-size:18px;line-height:1.6;font-weight:400;color:#fff}@media screen and (max-width:450px){.expertise-container{width:80%}.expertise-list{font-size:14px;font-weight:300}}