body{background:url(https://yuukishostingthis.online/img/bg.jpg) no-repeat center center;background-size:cover;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}.container{margin:0 10vw;padding:25px}.inp-class{background:transparent;border:none;border-bottom:1px solid #ccc;width:100%;padding:25px;margin:0 -25px;font-size:20px;color:#999}.inp-class:focus{border:none}.aft:before{content:">";color:#ccc;font-size:24px}.nav{text-align:left}.nav .nav-item{display:inline-block;margin:0 10px;padding:10px 10px 10px 0}.nav .nav-item:hover{cursor:pointer;color:#999}.nav .nav-item:before{content:"./"}.nav .nav-item-selected:before,.nav .nav-item:hover:before{content:">"}.item-group{border:1px solid black;border-radius:5px;padding:10px;margin:20px 10px 40px;min-height:12px}.item-group .item-group-title{margin-top:-30px;background:lightgray;display:flex;width:15em;padding:10px;border-radius:5px;border:1px solid black}.item-group .item-box{display:inline-block;min-width:5em;background:goldenrod;margin:5px 10px;padding:10px;font-size:11px;border-radius:5px;color:#fff;text-decoration:none}.item-group .item-box:hover{background:#e09d4e}h2{font-weight:lighter;padding:15px}