::selection{background:rgba(187,134,252,.5);color:#fff}.vtcontainer{margin:0;max-width:100%;padding:50px 0;width:100%}.vtcontainer .topic{color:hsla(0,0%,100%,.7);font-size:30px;font-weight:500;margin-bottom:20px}.content input{display:none}.content{align-items:center;border:1px solid #009bed;display:flex;justify-content:space-between;padding-right:20px}.content .list{display:flex;flex-direction:column;margin-right:50px;position:relative;width:20%}.content .list label{background:#000;border-bottom:1px solid #fff;color:#fff;cursor:pointer;font-size:16px;font-weight:500;line-height:normal;padding:20px;text-transform:uppercase;transition:all .5s ease;z-index:10}.content .list label.last{border-bottom:0}#about:checked~.list label.about,#apc:checked~.list label.apc,#blog:checked~.list label.blog,#code:checked~.list label.code,#help:checked~.list label.help,#home:checked~.list label.home,#sandbags:checked~.list label.sandbags,#un:checked~.list label.un{background:#009bed;color:#fff}.content .slider{background:transparent;height:60px;left:0;position:absolute;top:0;transition:all .5s ease;width:100%}#home:checked~.list .slider{top:0}#blog:checked~.list .slider{top:60px}#help:checked~.list .slider{top:120px}#code:checked~.list .slider{top:180px}#about:checked~.list .slider{top:240px}#un:checked~.list .slider{top:300px}#sandbags:checked~.list .slider{top:360px}#apc:checked~.list .slider{top:420px}.content .text-content{color:#000;height:100%;width:80%}.content .text{display:none}.content .text .title{font-size:25px;font-weight:500;margin-bottom:10px}.container .text p{text-align:justify}#about:checked~.text-content .about,#apc:checked~.text-content .apc,#blog:checked~.text-content .blog,#code:checked~.text-content .code,#help:checked~.text-content .help,#home:checked~.text-content .home,#sandbags:checked~.text-content .sandbags,#un:checked~.text-content .un,.content .text-content .home{display:block}#about:checked~.text-content .home,#apc:checked~.text-content .home,#blog:checked~.text-content .home,#code:checked~.text-content .home,#help:checked~.text-content .home,#sandbags:checked~.text-content .home,#un:checked~.text-content .home{display:none}.content .list label:hover{color:#009bed}.text-content h3{letter-spacing:0}@media (max-width:1024px){.content .list label{font-size:14px}}@media (max-width:767px){.content{border:0;display:block;padding-right:0}.content .list{margin-right:0;width:100%}.content .text-content{padding:20px 0}.content .list label{text-align:center}}