@charset "UTF-8";html,body,*{padding:0;margin:0}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}h1{font-weight:bolder}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.darkpiece{margin-top:98px;text-align:center;color:#182153;font-family:Assistant,sans-serif}.darkpiece h1,.darkpiece h4,.darkpiece .title-head{font-family:Comfortaa,cursive}.darkpiece p{font-family:Assistant,sans-serif;line-height:20px}.main-page{padding:50px 15px;background:#f1f1f1}.darkpiece-home{padding-top:38px}.darkpiece-home .full-width{margin:20px auto}.page{max-width:970px;padding:0 15px;margin:auto}.page-intro{padding:50px 25%;line-height:32px;letter-spacing:.5px}.page-intro p{line-height:30px}.banner img{width:100%;filter:grayscale(1)}.full-width{padding:40px 0;margin:50px auto;width:100vw;position:relative;left:50%;transform:translate(-50%);background:#fff}.app-frames,.frame-views{margin:0 -15px}.half-width{width:50%}.title-head{font-size:1.5em;letter-spacing:1px}.darkpiece-page{min-height:80vh}.darkpiece-footer{height:50px}.css-galary .card-footer small{font-size:.66em}.screen-reader{display:block;height:0;width:0;overflow:hidden}.more-link{color:#182153;text-decoration:none}.profile-info{text-align:left;padding:10px 30px;box-sizing:border-box;background:#fff}.profile-info .row{position:relative;margin-bottom:20px}.profile-info h3{font-weight:100;font-size:2.5em;letter-spacing:1px;margin-bottom:3px}.profile-info h4{font-weight:100}@media only screen and (max-width:600px){.darkpiece{margin-top:80px;overflow-x:hidden}.darkpiece .banner{margin:-15px -15px 0}.darkpiece .page-intro{padding:50px 5%}.darkpiece .cards,.darkpiece .app-frames{margin:0}.darkpiece .card{margin:20px auto;min-width:100%;max-width:100%}.page{padding:0}.full-width{margin:30px auto;padding:30px 0}.half-width{width:100%}.darkpiece-toast{right:20px}}.darkpiece-header{position:fixed;top:0;width:100%;z-index:9999;background:#fff}.darkpiece-header a{color:#182153;text-decoration:none}.darkpiece-header nav{display:flex;justify-content:space-between}.darkpiece-header .title-area li a{padding:5px 20px;font-weight:400;letter-spacing:2px;text-shadow:10px 5px 7px #555}.darkpiece-header .title-area li a .darkpiece-logo{height:30px;margin-right:15px;position:relative;top:3px;filter:drop-shadow(7px 5px 5px #333)}.darkpiece-header .tab-container{width:45%}.darkpiece-header .tab-container .close-btn{display:none}.darkpiece-header .tab-container li a{font-family:Comfortaa,cursive;font-size:.9em;text-transform:uppercase}.darkpiece-header .tab-container li a a:hover{color:#fff;text-shadow:0 0 5px #182153}.darkpiece-header .tab-container li a:hover,.darkpiece-header .tab-container li a.selected{color:#fff;border-radius:50% 5px;box-shadow:5px 5px 10px #000000b3,inset 0 0 10px #fffc}.darkpiece-header .tab-container li a:hover{background:#18215357}.darkpiece-header .tab-container li a.selected{background:#182153;font-weight:800}.darkpiece-header ul{display:flex;width:100%;justify-content:space-around;padding:20px 0;list-style-type:none}.darkpiece-header ul li{display:flex}.darkpiece-header ul li a{padding:20px}@media only screen and (max-width:600px){.darkpiece-header nav{flex-direction:column}.darkpiece-header nav ul{padding:12px 0;justify-content:space-between}.darkpiece-header nav .menu{width:50px;height:50px;margin-right:10px;padding:10px 5px 5px;box-sizing:border-box}.darkpiece-header nav .navbar-handle{display:block;cursor:pointer;position:relative;font-size:22.5px;padding:8px 5px 0;height:0;width:1.6666666667em;border-top:4px solid #182153;transition:all .5s linear .3s}.darkpiece-header nav .navbar-handle:before,.darkpiece-header nav .navbar-handle:after{position:absolute;left:0;right:0;content:" ";border-top:4px solid #182153;transition:all .5s linear .3s}.darkpiece-header nav .navbar-handle:before{top:.3777777778em}.darkpiece-header nav .navbar-handle:after{top:.96em}.darkpiece-header nav .navbar-handle.close{border-top:0;padding:0;margin:0 0 0 10px}.darkpiece-header nav .navbar-handle.close:after{top:.395em;transform:rotate(-45deg)}.darkpiece-header nav .navbar-handle.close:before{top:.392em;transform:rotate(45deg)}.darkpiece-header nav .tab-container{width:calc(100% - 50px);left:-100%;position:fixed;background:#fff;height:100vh;transition:all .5s linear .3s}.darkpiece-header nav .tab-container.show{left:0;box-shadow:0 0 15px #150e0e}.darkpiece-header nav .tab-container ul{margin-top:60px;flex-direction:column}.darkpiece-header nav .tab-container ul li{display:flex;justify-content:space-around;margin:10px 0}.darkpiece-header nav .tab-container ul a{width:80%}.darkpiece-header nav .tab-container .close-btn{display:block;position:absolute;padding:13px 10px;background:#0000001a;width:25px;border-radius:31px;z-index:7;top:10px;right:10px;box-shadow:0 0 5px #0000004d}}.social-icons{height:70px}.social-icons .icon{display:inline-block;padding:10px;margin:10px 5px;width:30px}.social-icons img{width:100%}.darkpiece-about{background:#f1f1f1}.darkpiece-about .profile-timeline{display:flex}.darkpiece-about .profile-image,.darkpiece-about .profile-info{width:50%}.darkpiece-about .profile-image img,.darkpiece-about .profile-info img{width:100%;margin-bottom:-3px;filter:grayscale(1)}.darkpiece-about .profile-info{text-align:left;padding:10px 30px;box-sizing:border-box;background:#fff}.darkpiece-about .profile-info .row{position:relative;margin-bottom:20px}.darkpiece-about .profile-info h3{font-weight:100;font-size:2.5em;letter-spacing:1px;margin-bottom:3px}.darkpiece-about .profile-info h4{font-weight:100;font-family:Courier Prime,monospace}.darkpiece-about .profile-info .skill{margin-bottom:25px}.darkpiece-about .profile-info .skill:first-of-type{margin-top:10px}.darkpiece-about .profile-info .skill:before{content:"";height:2px;width:90%;position:absolute;margin-top:20px;border-radius:3px;border-left:65px solid #182153;border-right:325px solid #eeeeee;box-sizing:border-box}.darkpiece-about .profile-info .skill:after{content:"♟";position:absolute;right:0;font-size:25px;margin-top:-7px}.darkpiece-about .profile-info .skill.ok:before{border-left:130px solid #182153;border-right:260px solid #eeeeee}.darkpiece-about .profile-info .skill.ok:after{content:"♞"}.darkpiece-about .profile-info .skill.average:before{border-left:195px solid #182153;border-right:195px solid #eeeeee}.darkpiece-about .profile-info .skill.average:after{content:"♝"}.darkpiece-about .profile-info .skill.good:before{border-left:260px solid #182153;border-right:130px solid #eeeeee}.darkpiece-about .profile-info .skill.good:after{content:"♜"}.darkpiece-about .profile-info .skill.excellent:before{border-left:325px solid #182153;border-right:65px solid #eeeeee}.darkpiece-about .profile-info .skill.excellent:after{content:"♛"}.darkpiece-about .profile-info .skill.pro:before{border-left:390px solid #182153}.darkpiece-about .profile-info .skill.pro:after{content:"♚"}.darkpiece-about .social-icons{background-color:#182153}.darkpiece-about .about-content{display:flex}.darkpiece-about .about-content .left-content,.darkpiece-about .about-content .right-content{position:relative;width:50%}.darkpiece-about .about-content p{font-family:Courier Prime,monospace;line-height:24px}.darkpiece-about .about-content .right-content{padding:0 0 40px 40px;text-align:left;top:-9px}.darkpiece-about .about-content .right-content h3{font-weight:100;text-transform:uppercase;letter-spacing:2px;padding-bottom:12px}.darkpiece-about .about-content .right-content li{font-size:.95em;line-height:24px;margin-bottom:5px}.darkpiece-about .about-content .left-content{padding:0 40px 40px 0;text-align:right;border-right:1px solid #aaa}.darkpiece-about .about-content .left-content:before{content:"●";color:#182153;position:absolute;right:-6px;top:-6px;font-size:16px}.darkpiece-about .about-content .left-content h3{font-size:1em;margin-top:-7px;font-family:Courier Prime,monospace}@media only screen and (max-width:600px){.darkpiece-about .profile-timeline{flex-direction:column}.darkpiece-about .timeline-bg{padding-top:0}.darkpiece-about .profile-image,.darkpiece-about .profile-info{width:100%}.darkpiece-about .profile-image h3,.darkpiece-about .profile-info h3{font-size:2em}.darkpiece-about .profile-intro{padding:50px 15px}.darkpiece-about .profile-info .skill:before{border-left:45.8333333333px solid #182153;border-right:229.1666666667px solid #eeeeee}.darkpiece-about .profile-info .skill.ok:before{border-left:91.6666666667px solid #182153;border-right:183.3333333333px solid #eeeeee}.darkpiece-about .profile-info .skill.average:before{border-left:137.5px solid #182153;border-right:137.5px solid #eeeeee}.darkpiece-about .profile-info .skill.good:before{border-left:183.3333333333px solid #182153;border-right:91.6666666667px solid #eeeeee}.darkpiece-about .profile-info .skill.excellent:before{border-left:229.1666666667px solid #182153;border-right:45.8333333333px solid #eeeeee}.darkpiece-about .profile-info .skill.pro:before{border-left:275px solid #182153}.darkpiece-about .about-content.m-col .left-content{padding-right:30px}.darkpiece-about .about-content.m-col .left-content h3{font-size:.9em}.darkpiece-about .about-content.m-col .right-content{padding-left:30px}.darkpiece-about .about-content.m-col .right-content h3{font-size:1em}.darkpiece-about .about-content:not(.m-col){flex-direction:column}.darkpiece-about .about-content:not(.m-col) .left-content,.darkpiece-about .about-content:not(.m-col) .right-content{position:relative;width:100%;padding:0 10px 40px 40px;text-align:left;box-sizing:border-box}.darkpiece-about .about-content:not(.m-col) .left-content{border:0}.darkpiece-about .about-content:not(.m-col) .left-content:before{left:23px}}.dp-loading{position:relative;height:100%;display:flex;justify-content:center;flex-direction:column;background:#333}.dp-loading h5{color:#fff;margin:-20px auto}.dp-loading .dp-ellipsis{display:inline-block;position:relative;width:80px;height:80px;align-self:center}.dp-loading .dp-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.dp-loading .dp-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.dp-loading .dp-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.dp-loading .dp-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.dp-loading .dp-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.darkpiece .cards{margin:auto -25px}.card{text-align:left;display:flex;flex-direction:column;width:33%;color:#182153;min-width:318px;margin-bottom:2rem;max-width:310px;margin:10px;padding:0;border-radius:.25rem;border:1px solid #fff;text-decoration:none;box-sizing:content-box;overflow:hidden;background:#fff;transition:all .5s;box-shadow:3px 3px 5px #777,inset 0 0 15px #777}.card .close-btn{display:none;position:absolute;color:#000;padding:6px;background:#ffffff4d;width:25px;border-radius:31px;text-align:center;z-index:7;margin-top:5px;margin-left:calc(100% - 42px);cursor:pointer}.card .card-block{flex:1 1 auto;padding:1.25rem}.card .card-title{margin-bottom:.75rem}.card .card-text{font-size:85%}.card .card-footer{width:100%;padding:.75rem 1.25rem;background-color:#182153;border-top:1px solid rgba(24,33,83,.65);border-radius:0}.card .card-footer .text-muted{color:#eee!important}.card .view-display{display:flex;width:100%;min-height:240px;overflow:hidden;background:#313031;transition:all .5s}.card .view-display .img-frame{zoom:.45}.card .view-display .page-frame{height:300px;overflow:hidden}.card .view-display .page-frame .video-react{padding:0!important}.card .view-display .page-frame video{width:100%}.card .view-display .frame{position:relative;align-self:center;margin:auto;transition:all .5s}.card .view-display .frame img{width:100%}.card .view-display .frame iframe{position:relative;border:0;overflow:hidden}.card .view-display .frame .video-layer{position:absolute;width:100%;height:100%;top:0}.card .view-display .view{width:800px;height:800px;background:#000;box-sizing:content-box;transition:all .5s}.card>img{margin-bottom:.75rem}.card.selected{position:fixed;max-width:none;left:50%;top:50%;min-width:98%;margin:auto;transform:translate(-50%,-50%);z-index:999999}.card.selected .close-btn{display:block}.card.selected .view-display{width:100%;height:100%}.card.selected .frame{zoom:1;width:100%;height:78vh;text-align:center}.card.selected .frame img{width:auto;height:78vh}.card.selected .view{width:100%}.cards{display:flex;flex-wrap:wrap}.frame-views{display:flex;flex-wrap:wrap;justify-content:space-between;overflow-x:hidden}.frame-views .page-frame{position:relative;height:300px;max-width:30em;padding:0;border-radius:.25rem;margin-bottom:20px;border:1px solid #fff;overflow:hidden;box-shadow:3px 3px 5px #777,inset 0 0 15px #777}.frame-views .page-frame:nth-child(odd){margin-right:10px}.frame-views .page-frame iframe{position:relative;width:400%;height:75em;transform:scale(.25);transform-origin:0 0}.frame-views .page-frame video{width:100%;height:100%}.frame-views .page-frame .card-details{position:absolute;max-height:0;width:100%;color:#eee;z-index:1;bottom:0;text-align:left;transition:max-height .5s;box-sizing:border-box;background:#000c;box-shadow:0 0 10px #00000080,inset 0 0 10px #00000080}.frame-views .page-frame .card-details p{padding:10px;line-height:20px;font-size:14px}.frame-views .page-frame:hover .card-details{max-height:300px}@media only screen and (max-width:600px){.frame-views .page-frame,.frame-views .page-frame:nth-child(odd){margin-right:0}}.darkpiece-app .page-intro{padding-bottom:0}.darkpiece-css .card .view-display{background:none}.darkpiece-css .card-footer small{font-size:.6em}.darkpiece-css .page-intro{padding-bottom:0}.darkpiece-art .title-head:first-of-type{margin:0 auto 30px}