body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{border:0;margin:0;height:100%;overflow-x:hidden}hr{max-width:200px;width:80%;border:4px solid #3f4568;margin-left:auto;margin-right:auto;margin-bottom:1em}.other-hr{border:4px solid #fff}.App::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.App::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.App::-webkit-scrollbar-thumb{background-color:#000}.intro-section{font-family:Raleway,sans-serif;height:90%;display:flex;align-items:center;text-align:center;justify-content:center;height:100%;padding:0;position:relative}.deeper-btn{position:absolute;bottom:1.5em;color:#fff;background-color:#171926;padding:.2em .6em;font-weight:700;transition:font-size .27s,background-color .27s;cursor:pointer;display:inline-block;font-size:1.2em;line-height:2em}.deeper-btn:hover{background-color:#3f4568}.scroll-icon{padding:.2em}.other{background-color:#090b16}section{padding:2em}.skills-section,section{text-align:center}.skills-table{display:flex;width:60%;height:200px;margin:auto;padding-top:1em}@media screen and (max-width:600px){.skills-table{width:100%}}.skills-cell{display:table-cell;text-align:center;vertical-align:top;width:33.33vw}.skills-header{font-family:Lato;font-size:1.4em;line-height:1.8;font-weight:700;color:#fff}.skills-body{font-family:Lato;font-size:1.2em;line-height:1.4;color:#93a9bc;display:block;width:100%}.name{font-size:8vw;font-weight:700;color:#fff}.name,.position{position:relative;text-transform:uppercase}.position{font-size:2.6vw;letter-spacing:5px}.special{color:#67e2fd}.intro-canvas{position:absolute}.proj-title{font-family:Lato;font-size:1.4em;z-index:1;color:#fff}.proj-notice{color:#afbbcd;font-weight:300;margin:.4em 0 1em;font-size:1.2em}.project-card{position:relative;margin:12px}.project-card .proj-info{height:auto;max-height:0;overflow:hidden;background-color:#fcfcfc;transition:max-height .6s cubic-bezier(.68,-.55,.265,1.55)}.project-card:hover .proj-info{max-height:1000px;color:red}.slick-dots{bottom:auto;top:-25px;height:25px}.proj-visit{font-family:Varela Round;font-weight:400;display:block;margin:16px auto;font-size:1em;padding:8px 18px;color:#fff;border:none;border-radius:4px;width:80%;background-color:#93a9bc;cursor:pointer}.card-overlay{transition:opacity .3s ease-out;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-card:hover .card-overlay{opacity:0}.proj-descriptor{font-family:inherit;font-size:1.2em;color:#3f4568;padding:4px 0;display:block}.pc-blue{background:linear-gradient(180deg,rgba(17,181,228,.2),rgba(17,181,228,.73) 90%)}.pc-purple{background:linear-gradient(180deg,rgba(117,19,93,.2),rgba(117,19,93,.73) 90%)}.pc-darkpurple{background:linear-gradient(180deg,rgba(149,94,255,.2),rgba(0,43,255,.54) 90%)}.pc-green{background:linear-gradient(180deg,rgba(0,255,131,.37),rgba(0,255,131,.81) 90%)}.pc-bluepurple{background:linear-gradient(180deg,rgba(138,128,255,.2),rgba(0,132,255,.73) 90%)}.pc-pink{background:linear-gradient(180deg,rgba(255,94,113,.2),rgba(255,0,113,.54) 90%)}.slick-prev{left:-45px!important}.slick-arrow{color:#666;position:absolute;top:0;z-index:1;background:transparent;border:none;font-size:24px;cursor:pointer}.glider-contain{width:90%;max-width:1460px;margin:0 auto}.slick-list{margin:0 -10px}.slick-slide>div{padding:0 16px}.card-thumb{width:100%;height:240px;background-size:cover;background-position:50%;position:relative}.project-text{font-family:Varela Round;color:#525d68;font-size:15px;padding:8px 24px;text-align:left}.tech{padding:2px}h1{color:#3f4568;font-size:2.5em;font-family:Lato;font-weight:700;margin-bottom:.25em}h2{font-size:2em;font-weight:700}h2,h3{color:#313e3f;font-family:Lato;margin:0}h3{font-size:1.25em}.job-time{margin:0;font-family:Lato;font-size:14px;color:#a5a5a5}.other h1{color:#fff}.about-me-text{text-align:left;color:#313e3f;width:80%;max-width:1024px;margin-left:auto;margin-right:auto;padding:2em}p{color:#4c6063;font-size:1.2em;font-family:Lato;line-height:1.6}.contact-icon{font-size:1.5em;color:#fff}.experience-timeline{position:relative;max-width:1000px;margin:0 auto}.experience-timeline:after{position:absolute;content:"";width:2px;margin-left:-1px;background-color:#fff;top:0;bottom:0;left:50%}.box{padding:10px 40px;position:relative;background-color:inherit;width:calc(50% - 5em)}.box:after{content:"";position:absolute;width:10px;height:10px;right:-9px;background-color:#090b16;border:4px solid #207db5;top:23px;border-radius:50%;z-index:1}.box-left{left:0}.box-right{left:50%}.box-left:before{right:30px;border:solid transparent;border-left:solid #fff;border-width:10px 0 10px 10px}.box-left:before,.box-right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1}.box-right:before{left:30px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.box-right:after{left:-9px}.box-content{padding:20px 30px;background-color:#fff;position:relative;border-radius:6px}@media screen and (max-width:600px){.experience-timeline:after{left:31px}.box{width:calc(100% - 80px);padding-left:70px;padding-right:25px}.box:before{left:60px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.box-left:after,.box-right:after{left:21px}.box-right{left:0}}.externals{display:flex;justify-content:center;margin:1em auto}.contact-source{margin:0 28px 14px;cursor:pointer}.contact-source i{transition:color .5s}.contact-source:hover i{color:#93a9bc}.resume-btn{background-color:#3f4568;color:#fff;padding:8px 12px;border-radius:4px;font-family:Varela Round;transition:background-color .5s}.resume-btn:hover{background-color:#93a9bc}.resume-icon{margin:0 4px}.contact-tools{text-align:center;min-height:200px}a{font-weight:700;color:#207db5}a,a-no{text-decoration:none}a-no{font-weight:400;color:inherit}.company-logo{width:60px;height:60px}.company-header{display:flex;justify-content:space-around;align-items:center}.article-card{position:relative;max-width:400px;padding:14px;box-sizing:initial;width:240px;height:180px;cursor:pointer}.article-title{color:#fff;font-size:1.4em;font-family:Lato;font-weight:700}.article-info{text-align:left}.article-date{color:#fff;padding:2px;margin:2px;position:absolute;bottom:0}.article-bg{width:100%;height:100%;padding:12px}.featured{position:absolute;top:8px;right:0;z-index:1;background-color:#090b16;color:#fff;padding:6px 8px;cursor:pointer;font-weight:400;border-bottom:2px solid #207db5}.featured .fas{font-size:12px}.glitch{font:{size:8.125em;family:"Raleway",sans-serif;weight:700}text-decoration:none;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;color:#fff;letter-spacing:5px;&:after,&:before{display:block;content:attr(data-glitch);text-transform:uppercase;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8}&:after{color:#f0f;z-index:-2}&:before{color:#0ff;z-index:-1}&:hover{&:before{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) 5 both}&:after{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) 5 reverse both}}}@media only screen and (max-width:400px){.glitch{font-size:3em}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}