body{background-color:#1a1818}*{margin:0;padding:0}::-webkit-scrollbar{display:none}.catelog-design{display:flex}.design{background-color:#033a50;color:#fff;height:1.8rem;line-height:2rem;margin-bottom:.5rem;border-radius:1rem;margin-right:1rem;padding-right:1rem;padding-left:1rem}.catelog{text-align:center;width:23%;font-size:1rem}.sort-skill{width:85rem;margin:1rem auto}.catelog-design{display:flex}.catelog-design .design{display:inline}.top-title{width:85rem;text-align:center;margin:.5rem auto}h1{font-size:3rem;color:#beb9a5}h2{font-style:italic;color:#beb9a5;text-decoration:underline;margin-top:3rem}h3{color:#beb9a5;font-weight:lighter}.DF-project a :hover{color:#fff;background-color:#546122}.SC-project a :hover{color:#fff;background-color:#223e61}@media(max-width:475px){#hugbox{width:100vw;overflow:hidden}.top-title{width:98vw;margin:0 auto}.top-title h1{font-size:1.5rem;text-align:center;margin:.5rem auto}h3{font-size:.8rem;color:#beb9a5;font-weight:lighter}.catelog span{border-radius:0 .8rem .8rem 0}.catelog{margin-top:.3rem}.style-catelog span{padding-left:1rem;padding-right:1rem;margin-left:.5rem}.design{font-size:.75rem;padding:2px 0;height:1.4rem;line-height:1.4rem;margin-bottom:.2rem}.DF-project{width:98vw;font-size:.9rem}.SC-project{width:98vw;font-size:.9rem}}