#root{max-width:1400px;display:flex;margin:0 auto;padding:20px;box-sizing:border-box;align-items:flex-start;justify-content:center;height:100%}body{background:linear-gradient(#0000004d,#0000004d),url(https://bg.sbcnm.tech/bg/random) repeat center center / cover fixed;height:auto;font-family:Lato,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft JhengHei,MicrMicrosoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.app-container{display:flex;width:1400px}.left-container{width:25%}.right-container{width:75%}.emptyTag{width:15px;height:20px;display:flex}.left-container,.right-container{padding:20px;box-sizing:border-box;align-items:flex-start;justify-content:left;text-align:left;height:100%;background-color:#ffffffbf;border-radius:4px}@media (max-width: 768px){.app-container{flex-direction:column;height:auto}.left-container,.right-container{width:100%;height:auto}}.avatar{width:auto;height:80px;border-radius:50%}.left-head{display:block;align-items:center;justify-content:center;text-align:center;margin-bottom:20px;padding-top:4px}.left-head .description{color:#333;font-size:14px}.social-link-component{color:#333;text-decoration:none}.social-link-component:hover{text-decoration:underline}.title{margin-top:10px;margin-bottom:10px;font-size:x-large;font-weight:700}.description{font-size:medium;color:#111}.tech-logo{width:auto;height:17px;margin:0 4px;vertical-align:middle}