:root{--black:#1a1a1a;--lightBlack:rgba(26,26,26,.1);--gray:#b3b3b3;--lightGray:hsla(0,0%,70%,.1);--brightGray:#f0f0f0;--lightYellow:rgba(255,173,31,.1);--darkYellow:#8f7000;--yellow:#f2df0c;--white:#fff;--danger:#d93d00;--font:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Hiragino Sans",meiryo,sans-serif,"Segoe UI Emoji"}[v-cloak]{display:none}html{color:var(--black);-webkit-text-size-adjust:100%;background-color:#fcfbf8;font-family:var(--font)}h1{font-size:1.7rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.1rem}a{color:inherit;text-decoration:none}.wrapper{margin:0 auto;max-width:1200px;padding:0 4rem 4rem;width:100%}@media screen and (max-width:960px){.wrapper{margin:0;padding:2rem 1rem}}.fade-modal-enter-active,.fade-modal-leave-active{transition:opacity .4s}.fade-modal-enter,.fade-modal-leave-to{opacity:0}.overlay{align-items:center;background:rgba(65,65,65,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.dashboard__content{display:flex;flex-direction:column;gap:1rem;padding-bottom:5rem;width:100%}.sideMenuItem{border-bottom:1px solid var(--lightBlack);display:block;margin-top:1rem;padding-bottom:.3rem}.sideMenuItem:hover .sideMenuItem__title{color:var(--darkYellow)}.sideMenuItem__title{color:var(--black);display:block;margin-top:.3rem;transition:.2s;width:100%}.sideMenuItem__title:hover{text-decoration:none}.server-component h2{margin:1rem 0}.server-component .blog{display:flex;flex-direction:column;gap:1rem}.server-component .link-button{background-color:var(--yellow);border-radius:50px;font-weight:700;padding:.5rem 1rem;transition:opacity .3s}.server-component .link-button:hover{opacity:.7}.server-component .blog-footer{margin-top:2rem}.server-component .post{color:#333;font-size:1.2rem;line-height:1.5}.server-component .post>a{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}@media (max-width:768px){.server-component .post>a{flex-direction:column;gap:.5rem}}.server-component .post:hover .post-title{color:var(--darkYellow)}@media (hover:hover){.server-component .post:hover .post-img:has(div)>div,.server-component .post:hover .post-img>img{opacity:.8;transform:scale(1.05)}}.server-component .post-inner{display:flex;flex:1;flex-direction:column;gap:.5rem}@media (max-width:768px){.server-component .post-inner{gap:0}}.server-component .post-title{font-weight:700}.server-component .post-subTitle{color:#666;font-size:14px}.server-component .post-text{color:var(--gray)}@media (max-width:768px){.server-component .post-text{height:0;visibility:hidden}}.server-component .post-text{color:#666;font-size:.9rem}.server-component .post-img{border-radius:8px;height:150px;overflow:hidden;width:250px}.server-component .post-img>img{height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s,transform .3s;width:100%}@media (max-width:768px){.server-component .post-img{height:200px;width:100%}}.server-component .post-dummyImg{align-items:center;background:#eee;display:grid;filter:grayscale(1);font-size:4rem;height:100%;justify-content:center;transition:opacity .3s,transform .3s}.server-component .profile{display:flex;flex-direction:column;gap:1rem}.server-component .profile-image{display:flex;justify-content:center}.server-component .profile-image>div{aspect-ratio:1/1;background-image:url(https://pbs.twimg.com/profile_images/1819236852714422272/m0kTpheH_400x400.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;min-height:8rem;width:8rem}.server-component .profile-info{display:flex;flex-direction:column;justify-content:center}.server-component .profile-name{color:#1c1b0d;font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.2;text-align:center}.server-component .profile-location,.server-component .profile-title{color:#9c9549;font-size:1rem;font-weight:400;line-height:normal;text-align:center}.server-component .accounts{display:flex;gap:.5rem}.server-component .accounts>a{align-items:center;border-bottom:1px solid #000;display:flex;gap:.2rem}.server-component .accounts>a:hover{border-bottom:1px solid transparent}