body{margin:0;padding:0;color:#fff;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.page-content{width:100%;height:100vh;overflow:hidden}#renderArea{width:100%;height:100%;overflow:hidden;z-index:-1}.header-fixed-mobile{position:fixed;top:0;left:0;background-color:rgba(0,0,0,1);height:40px;width:100%;z-index:4;display:none}.header-fixed-mobile .header-nav{position:absolute;left:16px;height:44px}.header-fixed-mobile .header-nav img{border-radius:100%;background-color:transparent;width:32px;height:32px;float:left;border:.5px solid #000}.header-fixed-mobile .header-nav div{width:180px;height:200px;float:left}.header-fixed-mobile .header-nav .header-space{width:64px}.header-fixed-mobile .header-nav div p{margin:0;padding:0;width:180px;text-align:center}.header-fixed-mobile .header-nav div .header-name{font-size:16px}.header-fixed-mobile .header-nav div .header-title{font-size:9px}.header-fixed-mobile .header-links{position:absolute;top:40px;left:0;width:100vw;background-color:rgba(0,0,0,1)}.navbar-toggle{position:relative;float:right;padding:6px 5px;margin-top:4px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid #eee;border-radius:4px;color:#eee}.navbar-toggle i{font-size:20px}.header-fixed{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9);height:44px;width:100%;z-index:4}.header-fixed .header-nav{position:absolute;left:248px;height:44px}.header-fixed .header-nav img{border-radius:100%;background-color:transparent;width:68px;height:68px;float:left;border:.5px solid #000}.header-fixed .header-nav div{width:180px;height:38px;float:left}.header-fixed .header-nav .header-space{width:64px}.header-fixed .header-nav div p{margin:0;padding:0;width:180px;text-align:center}.header-fixed .header-nav div .header-name{font-size:22px}.header-fixed .header-nav div .header-title{font-size:12px}.header-link{text-decoration:none;color:#fff;font-size:15px;display:inline-block;padding:0;margin:0;float:left;font-weight:bold;height:44px}.header-link span{height:26px}.header-link:hover{background-color:rgba(255,255,255,.4)}.header-link:after{content:'';display:block;width:0%;height:.8px;background-color:#fff;transition:width ease .4s}.header-link:hover:after{width:100%}.header-link span{display:block;padding:9px;margin:0}.header-link-mobile{text-decoration:none;color:#fff;font-size:15px;display:block;padding:0;margin:0;float:left;font-weight:bold;height:64px;width:50%;text-align:center}.header-link-mobile i{font-size:32px}.header-link-mobile span{margin-top:16px}.header-fixed .header-nav a+a{border-left:.5px solid #fff}.collapsed{visibility:collapse}.page-area{position:fixed;top:44px;left:0;width:100%;height:calc(100vh - 44px);color:#000;font-size:12px;background:-webkit-linear-gradient(right,rgba(220,220,220,1),rgba(220,220,220,.7),rgba(220,220,220,0));background:-o-linear-gradient(right,rgba(220,220,220,1),rgba(220,220,220,.7),rgba(220,220,220,0));background:-moz-linear-gradient(right,rgba(220,220,220,1),rgba(220,220,220,.7),rgba(220,220,220,0));background:linear-gradient(to right,rgba(220,220,220,1),rgba(220,220,220,.7),rgba(220,220,220,0))}.page-inside{display:block;position:fixed;top:48px;left:160px;height:calc(100vh - 120px);width:calc(80vw - 320px);min-width:280px;max-width:1010px;background-color:rgba(250,250,250,.5);border-radius:4px;border:.7px solid #aaa;overflow-x:hidden;overflow-y:scroll;z-index:100}.page-inside::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:rgba(245,245,245,.8)}.page-inside::-webkit-scrollbar{width:12px;background:rgba(0,0,0,0)}.page-inside::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.element-link{width:200px;height:100px}h1,h2,h3,h4,h5,h6{font-weight:500;padding-left:1em}.container{padding:3px;margin-top:1em}.container a{color:#353}.list-inline{padding-right:3em}.list-inline>li{display:inline;font-size:14px}.list-unstyled{list-style:none}.list-sep>li+li::before{content:"+";padding:0 6px 0 6px;font-size:8px;color:#555}.row{display:block;margin-left:8px;margin-right:8px;overflow-y:hidden;margin-bottom:1em}.skills img{height:144px;float:left;box-shadow:2px 2px 4px #000}.skills ul{padding-left:2em;overflow:hidden}.skills li{cursor:pointer;white-space:nowrap}.skills li:hover{cursor:pointer;text-shadow:1px 1px 2px #000}.skills li:hover::before{text-shadow:none}.project{float:left;position:relative;padding-left:1em;max-width:300px;width:300px;height:320px}.project a{text-decoration:none;color:#000;font-size:14px;margin-top:1em;margin-bottom:1em}.img-rot-1{transform:rotate(4deg)}.img-rot-2{transform:rotate(6deg)}.img-rot-3{transform:rotate(8deg)}.img-rot-4{transform:rotate(-4deg)}.img-rot-5{transform:rotate(-6deg)}.img-rot-6{transform:rotate(-8deg)}.project a img{height:100px;box-shadow:1px 1px 2px #000;background-color:#fff;padding:6px;margin:10px 8px 14px 10px;image-rendering:optimizeQuality;border:1px solid #111}.project a:hover{text-shadow:1px 1px 2px #000}.project a:hover img{box-shadow:2px 2px 4px #000}.social{width:25%;float:left}.social a{text-decoration:none;color:#111;transition:color linear .4s;display:block;text-align:center}.social i{width:100%;font-size:60px;display:block}.social span{width:100%;font-size:14px;font-weight:bold}.social a:hover{color:#444;text-shadow:1px 1px 2px #000}.font-weight-bold{font-weight:bold}.sweet-cat{background-color:#fff;padding:6px;margin:10px 8px 14px 10px;image-rendering:optimizeQuality;transform:rotate(8deg);border:1px solid #111}.col-4{width:33.333333333%;float:left}.ml-2{margin-left:2em}.image-style{box-shadow:1px 1px 2px #000;background-color:#fff;padding:6px;margin:10px 8px 14px 10px;image-rendering:optimizeQuality;border:1px solid #111}.image-fit{width:84%;margin-left:1em;margin-right:2em}.image-small-badge{width:180px}.image-medium-badge{width:280px}.image-big{width:500px}.footer{position:fixed;bottom:0;left:0;height:24px;background-color:#000;color:#fff;overflow:hidden;width:100vw}.footer-container{position:absolute;left:248px;height:24px}.footer .footer-link{text-decoration:none;color:#fff;margin-left:1em;margin-right:1em;display:block;height:24px;text-align:center;float:left}.footer .footer-link:hover{background-color:rgba(255,255,255,.4)}.footer sub{float:right;font-size:9px;margin-top:4px;margin-right:1em}.w-100{width:100px}.w-120{width:120px}.w-140{width:140px}.w-160{width:160px}.w-180{width:180px}form{margin-left:3em}.form-control{display:block;width:60%;min-width:60%;max-width:60%;height:24px;padding:4px 8px;font-size:12px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-bottom:1em}textarea{max-height:200px;min-height:200px;font-size:12px;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";resize:none}.btn-send{border:none;width:200px;color:#fff;background-color:#333;height:32px;cursor:pointer;box-shadow:1px 1px 2px #000;transition:background-color linear .4s}.btn-send:hover{background-color:#555;box-shadow:2px 2px 4px #000}.block{position:absolute;background-color:rgba(0,0,0,.77);width:100%;height:100%;top:0;left:0}.block-container{margin-top:calc(50% - 46px)}.block-process{color:#fff;text-align:center;font-family:Consolas;font-size:20px}@media screen and (max-width:1300px){.page-inside{width:calc(75vw - 120px)}}@media screen and (max-width:1160px){.header-fixed .header-nav,.footer-container{left:162px}.header-fixed .header-nav .header-space{width:16px}}@media screen and (max-width:1000px){.header-fixed .header-nav,.footer-container{left:64px}.header-fixed .header-nav img{width:48px;height:48px}.page-inside{width:calc(90vw - 160px)}}@media screen and (max-width:820px){.header-fixed .header-nav div .header-name{font-size:18px}.header-fixed .header-nav div .header-title{font-size:10px}.header-link{font-size:12px}.footer-container{left:16px}.page-inside{left:54px;width:calc(100vw - 108px)}.row{margin-left:4px;margin-right:4px}.collapse-820{visibility:collapse}}@media screen and (max-width:620px){.header-fixed{display:none}.header-fixed-mobile{display:block}.header-nav{height:40px}.header-link{height:32px}.header-link span{height:14px}.page-inside{top:44px;height:calc(100vh - 80px)}.page-area{background:-webkit-linear-gradient(right,rgba(220,220,220,1),rgba(220,220,220,.4),rgba(220,220,220,0));background:-o-linear-gradient(right,rgba(220,220,220,1),rgba(220,220,220,.4),rgba(220,220,220,0));background:-moz-linear-gradient(right,rgba(220,220,220,1),rgba(220,220,220,.4),rgba(220,220,220,0));background:linear-gradient(to right,rgba(220,220,220,1),rgba(220,220,220,.4),rgba(220,220,220,0))}.image-big{width:400px}.collapse-620{visibility:collapse}.social i{font-size:48px}.social span{font-size:12px}}@media screen and (max-width:490px){.page-inside{left:2px;width:calc(100vw - 4px)}.image-big{width:300px}.collapse-490{visibility:collapse}}@media screen and (max-width:420px){.skills img{height:100px}.social i{font-size:32px}.social span{font-size:10px}}@media screen and (max-width:300px){body{display:none}.image-big{width:200px}}.splash{width:100vw;height:100vh;background-color:#000;z-index:1000;position:fixed;top:0;left:0}#splash-process{color:#fff;font-weight:bold}::selection{background:#111;color:#fff}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}