*{box-sizing:border-box}body{background-color:#1b0f38}section{background-color:#2f1d58}body.is-active{overflow:hidden}h1,h2,h3,h4,h5,h6{padding:0;margin:0}pre{padding:20px!important}pre,ul{margin:0}ul{padding:0;list-style:none}a{color:#000;text-decoration:none}p{margin:0;padding:0}img,input{width:100%}section{padding-block:100px}button{border:none;outline:none;background-color:transparent}header{background-color:#1b0f38}header>.container{height:80px}.logo-box{margin-right:15px}.logo-box img{width:45px;height:45px}.brand h1{color:#fff}.brand a{display:flex;align-items:center}.guest-icon img{width:40px;height:40px;border-radius:50%}.login-btn,.logout-btn{display:flex;gap:10px;background-color:#000;padding:10px 15px;border-radius:10px;cursor:pointer}.modal-inner{background-color:#fff;width:500px;height:300px;border-radius:10px}.modal-inner button{position:absolute;top:0;left:0}.login-btn-group{height:100%}.google-login-btn{display:flex;align-items:center;gap:10px;border:1px solid #000;width:-moz-max-content;width:max-content;padding:5px 20px;border-radius:10px;margin-bottom:10px;cursor:pointer}.google-logo-box img{width:30px;height:30px}.github-login-btn{display:flex;align-items:center;gap:10px;border:1px solid #000;width:-moz-max-content;width:max-content;padding:5px 20px;border-radius:10px;cursor:pointer}.github-login-btn img{width:30px;height:30px}.menu{display:flex;align-items:center;gap:10px;background-color:#1b0f38}.menu li a{color:#fff}.menu.is-active{display:flex}.ham{position:relative;width:30px;height:30px;display:none}.code_box_btn_copy,.code_box_btn_fav{background-color:#eee}.liner_gradient{height:400px}footer{background-color:#1b0f38}.copyright{color:#fff}.page-title{padding-block:10px;padding-left:15px;border-top-left-radius:7px;border-top-right-radius:7px;background-color:#1b0f38;border-bottom:5px solid #90ee8f}.page-base{border-bottom-left-radius:7px;border-bottom-right-radius:7px}.dl-btn{border-radius:10px;cursor:pointer}.heading{margin-bottom:20px}.mypage-name{font-size:13px}.preview-area{height:196px}.preview-square{width:100px;height:100px;background-color:#fff;margin-inline:auto}.preview-img-box img{height:196px;-o-object-fit:cover;object-fit:cover}.preview-text-box{height:196px}.preview-text-box p{font-size:20px;font-weight:700}.select-area{padding-block:13px;padding-inline:4px;scrollbar-width:thin}.blank-space{background-color:#90ee8f}.select-box{padding-block:8px;border-radius:3px;background-color:#fff;border:1px solid #000}.isactiveselect{background-color:#90ee90}.linear_gradient{height:300px;overflow-y:scroll}.selected{background-color:#90ee8f;color:#000}.notselected{background-color:#000;color:#fff}.user-none-page{height:600px}.user-none-img-box img{width:250px;height:250px}.article h3{border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:30px;margin-top:50px}.article p{line-height:1.8;margin-bottom:10px}.article ul{list-style:decimal inside}.article li{line-height:1.8;margin-bottom:10px}.article img{margin-top:20px;margin-bottom:30px}.article .marker{background:linear-gradient(transparent 60%,#ff6 0)}@media(max-width:576px){section{padding-block:30px}footer{font-size:12px}.menu{position:absolute;inset:0 auto auto 0;width:100%;height:100svh;justify-content:center;display:none;z-index:100}.ham{display:block;z-index:101}.modal-inner{padding:20px;width:100%;height:200px}.google-logo-box img{width:20px}.google-login-btn p{font-size:12px}.github-logo-box img{width:20px}.github-login-btn p{font-size:12px}.article h3{font-size:18px}.article li,.article p{font-size:13px}}