body,html{margin:0;padding:0;background-color:#FFF;font-family:Lato,sans-serif;color:#111}html{overflow-y:scroll}.wrapper{max-width:100%}*{outline:0}body{max-width:100vw;overflow-x:hidden}.header{width:100%;height:60px;position:fixed;top:0;left:0;background-color:#FFF;z-index:100;text-align:center}.header .logo-container{width:100%;position:absolute;text-align:center}.header .logo-container .logo{cursor:pointer}.header .logo-container .logo-jc{height:48px;margin:6px 0}.header .logo-container .logo-jackc{height:54px;margin:3px 0}.header .icon{display:block;position:absolute;font-size:30px;line-height:30px;margin:15px;cursor:pointer}.header .icon .text{position:relative;top:-3px;font-size:.6em;line-height:30px;vertical-align:middle;letter-spacing:1px}.header .icon,.header .icon:active,.header .icon:focus,.header .icon:hover,.header .icon:visited{text-decoration:none;transition:color .4s;color:#111}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;user-select:none}.scroller{white-space:pre-line;height:100vh;overflow-y:hidden;position:relative}.extraspacing{letter-spacing:2px}::-webkit-scrollbar{width:10px;height:10px;background-color:rgba(0,0,0,.05)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}@media (max-width:767px){.header .icon .text{display:none}}.loading-container{position:relative;top:0;bottom:0;left:0;right:0;background-color:#fff;z-index:10000;color:#111}.loading-container .icon-container{position:absolute;top:40%;left:50%;width:100px;text-align:center;margin-left:-50px;font-size:50px;opacity:1;animation:notimmediate 2s 1 linear}.loading-container .icon-container .custom-spin{animation:fa-spin .75s infinite linear}@keyframes notimmediate{0%,25%{opacity:0}100%{opacity:1}}#home .header .social-twitter{left:15px}#home .header .social-twitter:hover{color:#55ACEE}#home .header .social-insta{right:15px}#home .header .social-insta:hover{color:#893DC2}#home .header .social-codepen{right:15px}#home .header .social-codepen:hover{color:#47CF73}#home .loading-container{top:calc((100vh - 60px - 70px) * .4)}#home .content{margin-top:60px}@media (max-width:767px){#home .header .social-twitter,#home .header .social-twitter:active,#home .header .social-twitter:focus,#home .header .social-twitter:hover,#home .header .social-twitter:visited{color:#55ACEE}#home .header .social-insta,#home .header .social-insta:active,#home .header .social-insta:focus,#home .header .social-insta:hover,#home .header .social-insta:visited{color:#893DC2}}#viewer{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#EEE}#viewer .header .icon{left:15px}#viewer .loading-container{top:calc((100vh - 60px - 60px - 70px) * .4)}#viewer .content{position:absolute;top:60px;bottom:60px;left:0;right:0}#viewer .content .picture{position:absolute;top:0;bottom:0;left:0;right:0;background-size:contain;background-position:center;background-repeat:no-repeat;padding:0;z-index:100;margin:auto}#viewer .content .details{position:absolute;bottom:0;left:0;right:0;min-height:50px;z-index:100;background-color:rgba(17,17,17,.8);color:#fff;padding:5px 10px;font-size:20px;opacity:.45;padding-right:90px;transition:opacity .4s,font-size .4s,padding-right .4s}#viewer .content .details:hover{opacity:1}#viewer .content .details>*{display:inline-block}#viewer .content .details h1{font-size:36px;transition:font-size .4s;margin:0}#viewer .content .details p{margin:0}#viewer .content .details a{color:#fff;font-weight:700;text-decoration:underline}#viewer .content .details .display-date{display:inline-block;margin:0 10px;color:#f2f2f2}#viewer .content .details .visit{position:absolute;display:inline-block;right:5px;top:50%;background-color:#FF4136;border-radius:5px;padding:10px;text-decoration:none;height:50px;margin-top:-25px;text-align:center;width:75px;transition:background-color .4s,height .4s,width .4s,margin-top .4s}#viewer .content .details .visit:hover{background-color:#ff2e22}#viewer .controls{width:100%;height:60px;position:fixed;bottom:0;left:0;background-color:#fff;z-index:100;text-align:center}#viewer .controls .control{position:absolute;font-size:30px;line-height:30px;margin:15px}#viewer .controls .control .text{margin:5px;font-weight:700}#viewer .controls .previous{position:absolute;font-size:30px;line-height:30px;margin:15px;left:30px;transition:left .4s,margin .4s}#viewer .controls .previous .text{margin:5px;font-weight:700}#viewer .controls .next{position:absolute;font-size:30px;line-height:30px;margin:15px;right:30px;transition:right .4s,margin .4s}#viewer .controls .next .text{margin:5px;font-weight:700}@media (max-width:500px){#viewer .content .details{opacity:1;font-size:14px;padding-right:70px}#viewer .content .details h1{font-size:22px}#viewer .content .details .visit{height:40px;width:56px;margin-top:-20px}}@media (max-width:400px){#viewer .controls .previous{left:0}#viewer .controls .next{right:0}}@media (max-width:300px){#viewer .controls .next .text,#viewer .controls .previous .text{display:none}}#album-filter{width:100%;overflow:hidden;background-color:#EEE}#album-filter>.row{text-align:center;margin-left:0;margin-right:0}#album-filter .album-option{display:inline-block;float:none;text-align:center;font-size:18px;padding:10px;cursor:pointer;font-weight:700;color:#444;transition:color .2s}#album-filter .album-option:hover{color:#111;background-color:rgba(0,0,0,.05)}#album-filter .album-option.selected,#album-filter .album-option.selected:hover{color:#111;background-color:rgba(0,0,0,.1)}#about{font-size:18px;transition:font-size .4s;margin-bottom:15px}#about .profpic-container{height:175px}#about .profpic-container .profpic{width:175px;border-radius:50%;display:block;margin:5px auto 0}#about .name{font-family:Comfortaa,cursive;font-weight:500;font-size:36px;text-align:center;margin-top:10px;transition:margin .4s}#about .details{width:100%;text-align:center;margin-top:3px;margin-bottom:5px;transition:margin .4s}#about .details .age,#about .details .location{font-family:Comfortaa,cursive;font-weight:500;display:inline-block;font-size:26px;width:250px;max-width:48%}#about .details .age{text-align:left}#about .details .location{text-align:right}@media (max-width:600px){#about .profpic{width:120px}#about .details,#about .name{margin-top:0}#about .details .age,#about .details .location{width:100%;max-width:100%;text-align:center}}#contact{font-size:18px;transition:font-size .4s}#contact .contact{font-family:Comfortaa,cursive;font-weight:500;font-size:36px;text-align:center;margin-top:10px;margin-bottom:5px;transition:margin .4s}#contact .text{text-align:center}#contact .details{width:100%;text-align:center;margin-top:10px;margin-bottom:5px;transition:margin .4s}#contact .details .detail-item{font-family:Comfortaa,cursive;font-weight:500;display:block;text-align:left;font-size:26px;width:320px;max-width:100%;margin:0 auto 10px;text-decoration:none;color:#111;transition:font-size .4s,width .4s}#contact .details .detail-item>i.fa{margin-right:5px}#contact .details .email:hover{color:#FF851B}#contact .details .insta:hover{color:#893DC2}#contact .details .codepen:hover{color:#47CF73}#contact .details .twitter:hover{color:#55ACEE}@media (max-width:400px){#contact .details .detail-item{font-size:20px;width:240px}#contact .details .detail-item>i.fa{margin-right:0}}@media (max-width:300px){#contact{font-size:12px}#contact .details .detail-item{font-size:16px;width:190px}}.image-tile{background-size:cover;background-position:center;height:300px;padding:0;cursor:pointer;outline:0}.image-tile.loading{animation:loading 15s ease-in-out infinite}.image-tile:nth-child(5n).loading{animation-delay:0s}.image-tile:nth-child(5n+1).loading{animation-delay:.9s}.image-tile:nth-child(5n+2).loading{animation-delay:.3s}.image-tile:nth-child(5n+3).loading{animation-delay:1.2s}.image-tile:nth-child(5n+4).loading{animation-delay:.6s}.image-tile:hover>.overlay{opacity:1}.image-tile:hover>.overlay>.info{top:140px;opacity:1}.image-tile>.overlay{width:100%;height:100%;margin:0;padding:0;background-color:rgba(17,17,17,.8);opacity:0;transition:opacity .2s;position:relative}.image-tile>.overlay>.info{position:absolute;top:90px;left:0;width:100%;margin:0;padding:0;opacity:0;text-align:center;font-size:20px;line-height:20px;color:#fff;transition:opacity .2s,top .2s}@media (max-width:767px){.image-tile{height:250px}.image-tile>.overlay{display:none}}@keyframes loading{00%,10%{background-color:rgba(204,46,46,0)}05%{background-color:rgba(204,46,46,.5)}10%,20%{background-color:rgba(204,141,46,0)}15%{background-color:rgba(204,141,46,.5)}20%,30%{background-color:rgba(172,204,46,0)}25%{background-color:rgba(172,204,46,.5)}30%,40%{background-color:rgba(78,204,46,0)}35%{background-color:rgba(78,204,46,.5)}40%,50%{background-color:rgba(46,204,109,0)}45%{background-color:rgba(46,204,109,.5)}50%,60%{background-color:rgba(46,204,204,0)}55%{background-color:rgba(46,204,204,.5)}60%,70%{background-color:rgba(46,109,204,0)}65%{background-color:rgba(46,109,204,.5)}70%,80%{background-color:rgba(78,46,204,0)}75%{background-color:rgba(78,46,204,.5)}80%,90%{background-color:rgba(172,46,204,0)}85%{background-color:rgba(172,46,204,.5)}100%,90%{background-color:rgba(172,46,204,0)}95%{background-color:rgba(172,46,204,.5)}}