.skills-flex[data-v-9be63fcc]{width:100%;height:auto;display:flex;flex-wrap:wrap}.skills-flex .box[data-v-9be63fcc]{width:300px;height:auto;font-size:15px;margin:0 50px 10px 0;display:flex;align-items:center;padding:0}.skills-flex .box p[data-v-9be63fcc]{width:95px}.skills-flex .box .box-skills[data-v-9be63fcc]{width:200px;height:3px;padding:0;margin:0 0 0 10px;border:1px solid #fff;background:transparent;border-radius:15px;position:relative}.skills-flex .box .box-skills .skills[data-v-9be63fcc]{height:3px;position:absolute;left:0;top:0;background-color:#fff}.skills-flex .box .box-skills .content[data-v-9be63fcc]{padding:5px;background-color:#777474;border-radius:5px;font-size:13px;position:absolute;top:-50px;left:0;display:none}.skills-flex .box:hover .box-skills .content[data-v-9be63fcc]{display:block}.about[data-v-71c88364]{max-width:1000px;height:100%;margin:5px auto;border-radius:5px;background-color:rgba(66,66,66,.3);color:#fff;padding:0 20px}.about div[data-v-71c88364]{width:100%;height:auto;padding:10px 0}.about .my[data-v-71c88364]{margin:0 0 15px 0}.about .my h2[data-v-71c88364]{margin:0 0 5px 0}.about .my pre[data-v-71c88364]{font-size:17px;white-space:pre-wrap;word-wrap:break-word}.about .skills[data-v-71c88364]{width:100%}.about .but .but-group[data-v-71c88364]{display:flex;flex-wrap:wrap;justify-content:left}.about .but .but-group button[data-v-71c88364]{outline:none;cursor:pointer;min-width:108px;min-height:35px;background:transparent;border:1px solid #fff;padding:0 20px;color:#fff;margin:0 20px 10px 0}.about .but .but-group button[data-v-71c88364]:hover{box-shadow:0 0 3px #fff}@media screen and (max-width:600px){.about[data-v-71c88364]{padding:0 0 0 10px}.about .my img[data-v-71c88364]{display:block;margin:0 auto}}