#about-info{display:flex;flex-direction:row;align-items:center;text-align:left;width:700px;margin:0 auto;padding:15px}#about-info :first-child{flex:1 1;margin-right:15px}#about-info :last-child{flex:2 1}#portrait-box{margin:0 auto;width:200px;height:200px;overflow:hidden;border-radius:50%;border:8px solid var(--deeper-bk-color)}#portrait{width:100%;border-radius:50%}.banner{background:var(--main-bk-color-half)}.title{margin-bottom:15px}.width-constraint{width:500px;margin:0 auto}#resume{display:block;text-align:center;font-size:20px;background:var(--main-bk-color);margin:15px;width:150px;padding:5px 15px;border-radius:20px;border:2px solid var(--main-bk-color-half);transition:.15s}#resume:hover{border:2px solid var(--main-color)}@media only screen and (max-width:700px){#portrait-box{width:150px;height:150px}#about-info{display:inline-block;width:100%}#resume{margin:15px auto}#about-info :first-child{margin:0 auto}.title{padding-bottom:15px}#current-projects li{padding:15px;width:100%}}@-webkit-keyframes blink{0%{opacity:0;right:100%}to{opacity:1;right:0}}@keyframes blink{0%{opacity:0;right:100%}to{opacity:1;right:0}}#artwork-page{text-align:center}.genre-title{padding:15px}.thumbnails{border-top:4px dashed var(--main-bk-color-half);border-bottom:4px dashed var(--main-bk-color-half);padding:10px 0}.thumbnail-box{cursor:pointer;display:inline-block;position:relative;vertical-align:top;width:200px;height:200px;border:4px solid var(--main-bk-color);margin:10px;overflow:hidden;border-radius:50%;transition:.1s}.thumbnail-box:hover{border:4px solid var(--main-color)}.thumbnail-box:hover .thumbnail-title{opacity:1;-webkit-animation-name:blink;animation-name:blink;-webkit-animation-duration:.25s;animation-duration:.25s}.thumbnail{width:100%}.thumbnail-title{opacity:0;position:absolute;transform:translateY(-50%);top:50%;background:var(--deeper-bk-color-half);width:100%;padding:15px}.flex{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@-webkit-keyframes loadImage{0%{opacity:0}to{opacity:1}}@keyframes loadImage{0%{opacity:0}to{opacity:1}}@-webkit-keyframes throwImage{0%{top:-100%;opacity:0}to{top:50%;opacity:1}}@keyframes throwImage{0%{top:-100%;opacity:0}to{top:50%;opacity:1}}#full-image-box{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.75);z-index:10;-webkit-animation-name:loadImage;animation-name:loadImage;-webkit-animation-duration:.25s;animation-duration:.25s}#full-image-figure{width:100%;height:100%;overflow-y:hidden;text-align:center;background-repeat:no-repeat;background-position:50%;background-size:20%}#full-image{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;z-index:11;-webkit-animation-name:throwImage;animation-name:throwImage;-webkit-animation-duration:.75s;animation-duration:.75s;max-width:100%;max-height:100%;width:auto}#description{width:100%;padding:15px;position:fixed;bottom:0;text-shadow:0 5px 5px #000;background:rgba(0,0,0,.75)}#close-desc,#description{cursor:pointer;z-index:15}#close-desc{position:absolute;top:5px;right:5px;border-radius:50%;background:var(--main-bk-color);color:#fff;font-family:"Courier New",Courier,monospace;font-size:18px;border:2px solid hsla(0,0%,100%,.562)}#code-page,.code{display:flex;flex-direction:column;align-items:center}.code{margin:5px;padding:10px;width:700px;background:var(--main-bk-color-half)}.code h2{padding:5px}.code-desc{max-width:500px}.code-topper{display:flex;width:100%;justify-content:space-between;padding:5px}.deployed-icon-wrapper{flex:1 1}.deployed-icon{width:80px;height:80px}.icon-wrapper{align-self:flex-end}img[alt="github icon"]{width:30px;align-self:flex-end}.tech-tags{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:var(--main-bk-color)}.tech-tags span{margin:0 5px;padding:5px}@media only screen and (max-width:700px){.code{width:100%}}@-webkit-keyframes activate-tab{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes activate-tab{0%{transform:scale(1.2)}to{transform:scale(1)}}header{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--main-bk-color)}#logo,nav{flex:1 1}nav{display:flex;align-items:flex-end;justify-content:space-evenly}nav>*{cursor:pointer;margin:0 5px;padding:5px;flex:1 1;font-size:20px;text-align:center;border-bottom:2px solid transparent}.active-tab{border-bottom:2px solid #fff;-webkit-animation-name:activate-tab;animation-name:activate-tab;-webkit-animation-duration:.15s;animation-duration:.15s}@media only screen and (max-width:500px){header{text-align:center;display:block;height:auto}#logo{padding:10px}}@media only screen and (max-height:375px){header{padding:20px}}main>div{flex:1 1;padding:15px 0;vertical-align:top}main{-ms-box-orient:horizontal;display:-moz-flex;display:flex;flex-direction:column;background:var(--deeper-bk-color);flex:1 1;overflow-y:scroll;-webkit-overflow-scrolling:touch}footer{display:flex;align-items:center;padding:5px;justify-content:space-evenly}.icon{width:25px}.icon>img{width:100%}*{box-sizing:border-box}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}p{font-size:18px}em{font-style:italic}strong{font-weight:bolder}a{color:inherit;text-decoration:none}:root{--main-bk-color:#23262e;--main-bk-color-half:rgba(35,38,46,0.5);--main-color:#e6e6e6;--deeper-bk-color:#0a0916;--deeper-bk-color-half:rgba(10,9,22,0.75);--alt-bk-color:#885232;--padding:15px}::-webkit-scrollbar{background:inherit;width:4px;z-index:15}::-webkit-scrollbar-track{background:inherit}::-webkit-scrollbar-thumb{z-index:15;background:#e6e6e6;background:var(--main-color)}body{display:flex;position:fixed;top:0;bottom:0;left:0;right:0;z-index:6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}#root,body{flex-direction:column}#root{background:#23262e;background:var(--main-bk-color);color:#e6e6e6;color:var(--main-color);-ms-box-orient:horizontal;display:-moz-flex;display:flex;min-height:100%;font-family:sans-serif;line-height:1.5em}
/*# sourceMappingURL=main.c6b2aaf8.chunk.css.map */