body,html{overflow-x:hidden}#title .wd,.train{font-family:'Train One',cursive}#rdos,#rtre,#runo{transform:translateX(-50%)}.fi_pills,.fi_tit{margin-top:10px}#menu_idioma,#work_back,#work_loading,.rec{position:absolute}#wl_pb,body{background-color:var(--fdo_oscuro)}#wl_pb,.fi_details{text-align:right}#sideBarOver,.work_item .wi_detail{left:0;background-color:var(--fdo_oscuro_alpha)}#sideBar,#sideBarOver,#stripes{position:fixed;top:0}:root{--fdo_claro:#405674;--fdo_oscuro:#2d4059;--fdo_oscuro_alpha:rgba(45, 64, 89,.8);--color_uno:#ea5455;--color_unoH:#eb4c4c;--color_dos:#f07b3f;--color_dos_rgba:rgba(240, 123, 63, .9);--color_dosH:#f07538;--color_tre:#ffd460;--color_tre_rgba:rgba(255, 212, 96, .8);--color_treH:#f1c64e}#menu_intro span,.fi_pills span,.fi_tit{color:var(--color_dos)}body{margin:0;font-family:'Press Start 2P',cursive;min-height:100vh}body.sb{overflow-y:hidden}#main .container{max-width:600px}#title{text-align:center;transition:opacity .3s;margin-top:90px;cursor:default}#title .me{font-size:28px;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.2);opacity:1;margin:0}#title .wd{font-size:26px;color:#fff;text-shadow:2px 2px 0 var(--color_dos),-2px -2px 0 var(--color_tre),2px -2px 0 var(--color_uno);transition:1.3s ease-out;opacity:1;margin:0}#menu_idioma,#sideBar_content .txt,#work_back button,.fi_txt{font-family:'Source Code Pro',monospace}#title .wd:hover{text-shadow:10px 10px 0 var(--color_dos),-15px -15px 0 var(--color_tre),12px -12px 0 var(--color_uno)}#menu{width:100%;margin-top:50px;display:flex;justify-content:center;opacity:1;position:relative;max-width:400px}#menu_intro{padding:15px;text-align:center;color:#fff;font-size:12px;width:100%;background-color:rgba(64,86,116,.95);border:2px solid #fff;border-radius:8px;margin:0;line-height:1.2}#sideBar_content .tags,#wl_pb,.fi_txt{line-height:1}#menu_intro p:last-child{margin-bottom:0;line-height:2}#menu_intro span{font-size:14px}#menu_intro b{font-weight:400;color:var(--color_tre)}#menu_intro button{border:1px solid var(--color_dosH);background-color:var(--color_dos);color:#fff;padding:2px 4px;box-shadow:3px 3px 0 0 rgba(0,0,0,.75);transition:.3s}#menu_intro button:hover{box-shadow:0 0 0 0 rgba(0,0,0,.75)}#menu_intro .m_link_a{color:var(--color_uno);text-decoration:none;border-bottom:1px dotted var(--color_dosH)}#menu_intro .m_link_b{color:var(--color_tre);text-decoration:none;border-bottom:1px dashed var(--color_treH)}#menu_intro a:hover{border-bottom:0}#menu_idioma{display:block;height: 18px;bottom:-18px;right:20px;z-index:-2;border-radius:0 0 4px 4px;background-color:var(--color_tre);color:#f07538;font-size:11px;border:0}#stripes{height:100vh;overflow:hidden;transition:.8s;width:100%;z-index:-1}#stripes.hide{height:0}.rec{width:100px;left:50%;top:0;bottom:0;transition:.3s;opacity:.85}#work_loading.hide,.gHide,.rec.hide,.wid_tag{opacity:0}.rec.fullw{width:100%}.rec.hide{top:100vh}#runo{background-color:var(--color_uno);background:linear-gradient(180deg,#ea5455 20%,rgba(234,84,85,0) 80%);margin-left:-99px}#rdos,#rdos .full_color{background-color:var(--color_dos)}#rdos{background:linear-gradient(180deg,#f07b3f 20%,rgba(240,123,63,0) 80%);transition:.6s}#rtre,.fi_pills span{background-color:var(--color_tre)}#rtre{background:linear-gradient(180deg,#ffd460 20%,rgba(255,212,96,0) 80%);margin-left:99px}.full_color{height:50px;transition:height .4s}#rdos.done .full_color{height:100%}#featured{margin-top:30px}#featured h3{font-size:12px;color:#fff;border-bottom:1px dotted #fff}#featured_container{margin-top:20px}.featured_item{padding:0 0 0 20px;margin-bottom:20px;border:0;border-bottom:1px dotted #fff;background-color:rgba(255,255,255,.1);width:100%}.featured_item img{float:right;margin-left:20px;width:110px}.fi_tit{text-shadow:2px 2px 0 rgba(0,0,0,.8)}.fi_txt{font-size:15px;color:#fff}.fi_pills span{padding:4px 8px;font-size:8px;text-transform:uppercase;margin-left:6px;border-radius:2px;box-shadow:2px 2px 0 0 rgba(0,0,0,.75)}.fi_pills span.fip_tech{background-color:var(--color_dos);color:var(--color_tre)}#sideBar_content .tags span.pl,#work_filter button,#work_filter button.filter_btn-pl,.wid_tag span.pl{background-color:var(--color_tre);color:var(--fdo_oscuro)}#f_more{font-size:10px}#wl_pb,#work_filter button span,.wid_tag span{font-size:8px}#work{transition:.3s;padding-top:28px}#work.on{height:100vh}#work_back{top:4px;left:15px;transition:.3s;display:none}#work_back button{margin:0;font-size:10px;background-color:var(--fdo_claro);color:var(--color_tre);border:0;box-shadow:2px 2px 0 0 rgba(0,0,0,.8)}#sideBar_content .tags span,#work_filter button,.wid_tag span{padding:2px 4px;margin-right:2px;margin-bottom:2px}#work_back button:hover,.sideBar_close button:hover{box-shadow:inset 2px 2px 0 0 rgba(0,0,0,.8)}#work_loading{width:100%;opacity:1;transition:opacity 2s;left:0;right:0;top:0}#wl_pb{transition:width .2s;width:0%;height:10px;color:#fff;padding:2px 4px}#work_container{display:flex;flex-wrap:wrap}.work_item{position:relative;border:2px solid var(--color_tre);padding:0;cursor:pointer;overflow:hidden;margin:5px}.work_item img{max-width:200px;width:100%}.work_item .wi_detail{position:absolute;bottom:-50px;right:0;text-align:center;padding:4px 3px;height:0;transition:.3s}.work_item .wi_detail .wid_tit{color:#fff;font-size:11px;margin-left:-100px;transition:margin .4s}.wid_tag{display:flex;flex-direction:row;flex-wrap:wrap;transition:opacity .6s;margin-top:10px}#menu.gHide,#sideBarOver,.gHide{display:none}.wid_tag span{background-color:var(--color_dos);color:#fff;text-transform:uppercase;border-radius:2px}.work_item:hover .wi_detail{bottom:0;height:auto}.work_item:hover .wi_detail .wid_tit{margin-left:0}#sideBar_content .wid_tag,.work_item:hover .wi_detail .wid_tag{opacity:1}#work_filter{padding:10px}#work_filter button{font-size:10px;border-radius:3px;cursor:pointer;border:1px solid var(--fdo_oscuro)}#work_filter button.filter_btn-pl.on,#work_filter button.filter_btn-pl:hover,#work_filter button.on,#work_filter button:hover{background-color:var(--fdo_oscuro);color:var(--color_tre)}#sideBarOver{right:0;bottom:0;cursor:no-drop;z-index:998}#sideBar{bottom:0;right:-550px;background-color:var(--fdo_oscuro);width:550px;transition:right .3s;overflow-y:scroll;z-index:999}#sideBar.open{right:0}#sideBar_content{padding:40px 15px}#sideBar_content .title{font-size:16px;color:var(--color_tre);text-shadow:3px 3px 0 rgba(0,0,0,.6)}#sideBar_content .tags span{background-color:var(--color_dos);color:#fff;font-size:8px;text-transform:uppercase;border-radius:2px;display:inline-block}#sideBar_content .txt{font-size:14px;color:#fff}#sideBar_content .images{padding-top:10px;border-top:1px dotted var(--color_tre)}#sideBar_content .images img{max-width:100%;margin-bottom:10px}.sideBar_close{position:absolute;top:10px;right:10px}.sideBar_close button{font-size:10px;background-color:var(--fdo_claro);color:var(--color_tre);border:0;box-shadow:2px 2px 0 0 rgba(0,0,0,.8)}.sideBar_close.sbcl{position:static;right:auto;top:auto;text-align:right;padding:0 15px 20px;margin-top:-10px}.gHide{transition:opacity .4s}@media (max-width:600px){#sideBar{right:-100%;width:100%}}@media (max-width:480px){.work_item{width:50%;margin:0}.work_item img{max-width:100%;width:100%}}