#skill-view{
  position:relative;
  min-height:100vh;
  padding:0 0 48px;
  overflow:hidden;
  background:#fff;
}

.skill-back{
  position:absolute;
  z-index:10;
  top:22px;
  left:30px;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}

.skill-back img{
  display:block;
  width:24px;
  height:24px;
}

.skill-hero{
  box-sizing:border-box;
  width:100%;
  height:301px;
  padding-top:47px;
  background:linear-gradient(180deg,#eafbff 0%,#f4fcff 58%,#fff 100%);
}

.skill-hero>img,
.skill-board{
  display:block;
  width:min(1284px,calc(100% - 96px));
  height:auto;
  margin:0 auto;
}

.skill-page{
  display:flex;
  flex-direction:column;
  gap:30px;
  padding-top:9px;
}

@media(max-width:900px){
  .skill-back{top:16px;left:18px}
  .skill-hero{height:auto;min-height:0;padding:48px 0 24px}
  .skill-hero>img,.skill-board{width:calc(100% - 32px)}
  .skill-page{gap:20px;padding-top:20px}
}

@media(max-width:520px){
  #skill-view{padding-bottom:24px}
  .skill-hero>img,.skill-board{width:calc(100% - 20px)}
  .skill-page{gap:12px;padding-top:12px}
}