body{background-color:#fff}#sidebar-nav{height:100%;background-color:#2f2f2f;position:fixed;width:200px;top:70px;text-align:center;color:#fff;background-image:url(../images/black-velvet.jpg)}#sidebar-header{width:144px;margin:auto;color:#ffce21;opacity:1}#splatter{position:absolute;top:5px;left:10px;width:146px;opacity:1;z-index:-1;margin-left:0;-webkit-transform:translateZ(0);transform:translateZ(0)}#sidebar-header p{margin:38px 5px 5px 0;font-size:30px;color:#fefdff;text-shadow:.1em .1em #ff57ba;text-transform:uppercase}#sidebar-projects{overflow:hidden;width:100%;margin-top:20px}#sidebar-list{padding:0;margin-top:0;list-style-type:none}#sidebar-list li{height:65px}#sidebar-list li span{display:inline-block;vertical-align:middle}#sidebar-list li .icon{width:25%;text-align:center}#sidebar-list li .title{width:55%;text-align:left;font-size:22px;opacity:1}#sidebar-list li .title{color:#fff;margin-top:20px;margin-bottom:22px}.lightdot{text-decoration:none}.lightdot.active:before,.lightdot:before{content:"";display:block;opacity:1;float:left;width:4px;height:4px;border-radius:100%;background:rgba(255,255,255,1);-webkit-box-shadow:inset 0 0 10px 2px rgba(241,255,0,.5),0 0 10px 2px #edff00;box-shadow:inset 0 0 10px 2px rgba(241,255,0,.5),0 0 10px 2px #edff00;position:absolute;margin-top:30px;margin-left:11px;-webkit-transition:width .4s,height .4s,-webkit-box-shadow .4s,opacity .7s ease-in-out,margin .3s ease-in-out;transition:width .4s,height .4s,box-shadow .4s,opacity .7s ease-in-out,margin .3s ease-in-out;z-index:-1}.lightdot:before{width:0;height:0;-webkit-box-shadow:none;box-shadow:none}.project{min-height:500px;overflow:hidden;margin:62px}.project-header p{display:none}.project-piece{margin:0 auto;display:block;max-width:768px}.project-piece.banner img{width:100%;display:block}.project-piece.info{text-align:left;background:#fafafa;padding:16px 0 46px}#virtex .project-piece.info{border-color:#00c5fe}#cinematic .project-piece.info{border-color:#000}.project-piece.info .info-desc,.project-piece.info .info-header,.project-piece.info .info-info{margin:0 50px 0 50px}.project-piece.info .info-header img{margin:30px 0}.project-piece.info .info-platform{font-size:16px}.project-piece.info .info-info{display:flex;justify-content:space-between;align-items:flex-end}.info-status{background:#d4d4d4;border:0 solid #ffd94e;border-right-width:25px;border-radius:3px;margin-bottom:10px}.info-status.pre-release{border-color:#f39640}.info-status.released{border-color:#40c913}.info-platforms{margin-left:15px}.info-platforms a{text-decoration:none}.platform-image{margin:5px 0;vertical-align:middle}.info-info .info-platforms,.info-info .info-status{display:inline-block;vertical-align:middle}.info-status p{font-size:14px;font-family:sans-serif;margin:4px 8px;color:#4e4e4e}.project-piece.info .info-desc{margin-top:30px;margin-bottom:45px;font-size:22px;line-height:40px}.project-piece.info h2{font-weight:500;font-size:30px}#project-showcase{padding-top:42px;padding-bottom:32px;background:linear-gradient(#000,#a4a0b7);background-attachment:fixed;margin-left:55px}#project-list{padding:0;margin:auto}#project-list-header{text-align:center;margin:0;color:#fff}#project-list-header .first{font-size:62px;margin:32px auto 0;font-weight:500}#project-list-header .last{font-size:22px;font-weight:400;padding:0 10px}#sidebar-nav,#sidebar-nav #project-showcase,#sidebar-nav #sidebar-header,#sidebar-nav #sidebar-header p,#sidebar-nav #sidebar-list li .icon,#sidebar-nav #sidebar-list li .title,#sidebar-nav #splatter{-webkit-transition:margin .3s ease-in-out,width .3s ease-in-out,opacity .7s ease-in-out;transition:margin .3s ease-in-out,width .3s ease-in-out,opacity .7s ease-in-out}#collapse-check:checked+#sidebar-nav #sidebar-list li .title{opacity:0;-webkit-transition:width .3s ease-in-out,opacity .1s ease-in-out;transition:width .3s ease-in-out,opacity .1s ease-in-out}#collapse-check:checked+#sidebar-nav #sidebar-header,#collapse-check:checked+#sidebar-nav #splatter{opacity:0;-webkit-transition:margin .3s ease-in-out,width .3s ease-in-out,opacity .1s ease-in-out;transition:margin .3s ease-in-out,width .3s ease-in-out,opacity .1s ease-in-out}#collapse-check:checked+#sidebar-nav #sidebar-list li .icon{margin-right:-15px;-webkit-transition:margin .2s ease-in-out;transition:margin .2s ease-in-out}#collapse-check:checked+#sidebar-nav #sidebar-list li .lightdot:focus .icon,#collapse-check:checked+#sidebar-nav #sidebar-list li .lightdot:hover .icon{margin-bottom:10px}#collapse-check:checked+#sidebar-nav{width:55px}#collapse-check:checked+#sidebar-nav #project-showcase{margin-left:45px}#collapse-check:checked+#sidebar-nav #splatter{margin-left:-45px}#collapse-sidebar{position:absolute;top:0;right:0;-webkit-transition:right .2s ease-out;transition:right .2s ease-out;overflow:hidden;background-color:#fff;color:#101010}#collapse-check:checked+#sidebar-nav #collapse-sidebar:hover{right:-15px}#collapse-check:not(:checked)+#sidebar-nav #collapse-sidebar:hover #collapse-check-label{padding-left:25px}#collapse-check{display:none}#collapse-check-label{cursor:pointer;font-size:22px;display:block;font-weight:700;transform:rotate(180deg);padding:8px 5px 5px 8px;-webkit-transition:-webkit-transform .3s ease-in-out,padding .3s ease-in-out;transition:transform .3s ease-in-out,padding .3s ease-in-out}#collapse-check:checked+#sidebar-nav #collapse-check-label{-webkit-transform:rotate(0);transform:rotate(0);padding:8px 10px 5px 45px}#collapse-check:not(:checked)+#sidebar-nav #collapse-sidebar #collapse-check-label{padding-right:0;-webkit-transition:-webkit-transform .3s ease-in-out,padding .2s ease-in-out;transition:transform .3s ease-in-out,padding .2s ease-in-out}#collapse-check:checked+#sidebar-nav .lightdot.active:before,#collapse-check:checked+#sidebar-nav .lightdot:before{margin-top:55px;margin-left:24px}.title{position:relative;color:inherit;overflow:hidden}#list-virtex .title:before{background:#e606ff}#list-cinematic .title:before{background:#ffd23b}#list-akeley .title:before{background:#8844e2}#list-glorb .title:before{background:#2342f5}.video-link{font-size:22px}.title:before{left:0;bottom:0;width:100%;height:2px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.title:after,.title:before{content:'';position:absolute;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.lightdot:focus .title:before,.lightdot:hover .title:before{-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (max-width:735px){.project{margin:62px 12px}.project-piece.info .info-desc{font-size:20px}.info-status p{font-size:13px}.project-piece.info .info-header img{max-width:200px}.info-platforms{margin:0}.project-piece.info .info-desc{margin-top:15px}}@media screen and (max-width:600px){footer>#footer-content{margin-left:27px}}