*{padding:0;margin:0;color:#ffffffd9}body{box-sizing:border-box;background:url(../background.png);background-attachment:fixed;background-size:cover;background-position:50% 50%;position:relative;height:100vh}body:before{content:"";display:table}.background-overlay{box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;position:fixed;left:0;top:0;z-index:-1;background-color:#00000026}.left-div{box-sizing:border-box}@media (min-width: 997px){.left-div{padding-left:128px;width:50%;position:absolute;left:0}}@media (max-width: 996px){.left-div{width:100%;padding:32px}}.right-div{box-sizing:border-box}@media (min-width: 997px){.right-div{position:absolute;right:0;max-width:50%;padding-right:128px;overflow-y:auto;max-height:80%}}@media (max-width: 996px){.right-div{width:100%;padding:0 32px}}.container{display:flex}@media (min-width: 997px){.container{align-items:center;height:100%;width:100%}}@media (max-width: 996px){.container{flex-direction:column;justify-content:center;width:100%;min-height:100%}}.avatar{width:120px;height:120px;border-radius:50%;border:1px solid;box-shadow:0 0 15px #fff3;transition:all .3s;color:#ffffff40;cursor:pointer;outline:0;background-size:cover}.avatar:hover,.avatar:focus{transform:translate(8px) scale(1.1);box-shadow:0 0 30px #ffffff59;border-radius:35%}@media (max-width: 996px){.avatar{width:100px;height:100px}}#name{margin-top:24px;font-weight:600;font-size:1.3rem;-webkit-user-select:none;user-select:none}#Hitokoto{margin-top:8px;-webkit-user-select:none;user-select:none}.contact{margin-top:16px;display:flex;align-items:center;flex-wrap:wrap;width:60%}@media (max-width: 996px){.contact{width:100%}}.social-button{width:48px;height:48px;margin:8px;border-radius:50%;outline:0;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#ffffff1a;transition:all .3s;display:inline-flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;text-decoration:none}.social-button:focus,.social-button:hover{border-radius:35%;background-color:#ffffff40;box-shadow:0 0 20px #ffffff26;transform:scale(1.05)}.divider{height:1px;background-color:#606060bf;margin-top:16px;width:60%}.nav-card-div{box-sizing:border-box;padding:16px;border:1px solid rgba(255,255,255,.2);margin:10px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#ffffff0d;border-radius:16px;cursor:pointer;transition:all .2s}.nav-card-div .fa-solid,.nav-card-div .fa-brands{font-size:14px;margin-right:8px}.nav-card-div:hover,.nav-card-div:focus{border-radius:8px;background-color:#ffffff40;box-shadow:0 0 20px #ffffff26;transform:scale(1.02)}.nav-group{box-sizing:border-box;display:flex;flex-wrap:wrap}@media (max-width: 996px){.nav-group{width:100%!important}}