*{box-sizing:border-box}body{font-family:monotalic,Menlo,Consolas,Monaco,"Lucida Console",monospace;font-weight:400;font-style:normal;letter-spacing:.04em;line-height:2;padding:30px;max-width:1800px;margin:0 auto}@media (max-width:1100px){body{padding:20px}}@media (max-width:600px){body{padding:10px}}@media (prefers-color-scheme:dark){body{background:#000;color:#fff}}footer,header{margin:calc(20px / 2)}@media (max-width:600px){footer,header{margin:calc(10px / 2)}}h1{font-weight:700;margin-bottom:25px;font-size:32px;display:inline-block}@media (max-width:600px){h1{font-size:24px;margin-bottom:0}}h1.header-title{font-weight:300;float:right;cursor:pointer}@media (max-width:600px){h1.header-title{float:none}}a{color:inherit;text-decoration:none;display:block}#projects{padding-bottom:20px}.project{background:#fff;padding:20px 20px 10px;border:3px solid #000;display:inline-block;float:left;margin:calc(20px / 2);width:calc((100% - (20px * 7))/ 7)}@media (max-width:600px){.project{padding:15px 15px 5px}}@media (prefers-color-scheme:dark){.project{background:#000;border:3px solid #fff}}.project.biblos{width:calc(((100% - (20px * 7))/ 7) * 2 + (20px * (2 - 1)))}.project.hardcider{width:calc(((100% - (20px * 7))/ 7) * 3 + (20px * (3 - 1)))}.project.pourover{width:calc(((100% - (20px * 7))/ 7) * 2 + (20px * (2 - 1)))}.project.pastorchriswebsite{width:calc(((100% - (20px * 7))/ 7) * 3 + (20px * (3 - 1)))}.project.shadowlands{width:calc(((100% - (20px * 7))/ 7) * 2 + (20px * (2 - 1)))}.project.escaperoom{width:calc(((100% - (20px * 7))/ 7) * 2 + (20px * (2 - 1)))}.project.pastorchris{width:calc(((100% - (20px * 7))/ 7) * 2 + (20px * (2 - 1)))}.project img{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:100%}@media (max-width:600px){.project img{-webkit-filter:grayscale(0);filter:grayscale(0)}}@media (prefers-color-scheme:dark){.project.pastorchris img{-webkit-filter:grayscale(100%) invert(100%);filter:grayscale(100%) invert(100%)}}@media (prefers-color-scheme:dark) and (max-width:600px){.project.pastorchris img{-webkit-filter:grayscale(0) invert(100%);filter:grayscale(0) invert(100%)}}.project:hover img{-webkit-filter:grayscale(0)!important;filter:grayscale(0)!important}@media (max-width:1100px){.project{margin:calc(20px / 2);width:calc((100% - (20px * 4))/ 4)}.project.hardcider{width:calc(((100% - (20px * 4))/ 4) * 2 + (20px * (2 - 1)))}.project.pourover{width:calc(((100% - (20px * 4))/ 4) * 2 + (20px * (2 - 1)))}.project.pastorchriswebsite{width:calc(((100% - (20px * 4))/ 4) * 2 + (20px * (2 - 1)))}.project.shadowlands{width:calc(((100% - (20px * 4))/ 4) * 2 + (20px * (2 - 1)))}.project.escaperoom{width:calc(((100% - (20px * 4))/ 4) * 2 + (20px * (2 - 1)))}}@media (max-width:600px){.project{margin:calc(10px / 2);width:calc((100% - (10px * 1))/ 1)!important}}.project:nth-child(6n+0):hover{border-color:#ff6b00;box-shadow:8px 8px 0 0 #05ce7c}.project:nth-child(6n+1):hover{border-color:#00b3e3;box-shadow:8px 8px 0 0 #da3ab3}.project:nth-child(6n+2):hover{border-color:#da3ab3;box-shadow:8px 8px 0 0 #ff6b00}.project:nth-child(6n+3):hover{border-color:#ff4338;box-shadow:8px 8px 0 0 #00b3e3}.project:nth-child(6n+4):hover{border-color:#ffc843;box-shadow:8px 8px 0 0 #ff4338}.project:nth-child(6n+5):hover{border-color:#05ce7c;box-shadow:8px 8px 0 0 #ffc843}.header-title:hover span,.project:hover .project-name span,.site-title:hover span{-webkit-animation-name:type-color;animation-name:type-color;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end}.header-title:hover span:nth-child(6n+1),.project:hover .project-name span:nth-child(6n+1),.site-title:hover span:nth-child(6n+1){-webkit-animation-delay:0s;animation-delay:0s}.header-title:hover span:nth-child(6n+2),.project:hover .project-name span:nth-child(6n+2),.site-title:hover span:nth-child(6n+2){-webkit-animation-delay:.16666667s;animation-delay:.16666667s}.header-title:hover span:nth-child(6n+3),.project:hover .project-name span:nth-child(6n+3),.site-title:hover span:nth-child(6n+3){-webkit-animation-delay:.33333333s;animation-delay:.33333333s}.header-title:hover span:nth-child(6n+4),.project:hover .project-name span:nth-child(6n+4),.site-title:hover span:nth-child(6n+4){-webkit-animation-delay:.5s;animation-delay:.5s}.header-title:hover span:nth-child(6n+5),.project:hover .project-name span:nth-child(6n+5),.site-title:hover span:nth-child(6n+5){-webkit-animation-delay:.66666667s;animation-delay:.66666667s}.header-title:hover span:nth-child(6n+6),.project:hover .project-name span:nth-child(6n+6),.site-title:hover span:nth-child(6n+6){-webkit-animation-delay:.83333333s;animation-delay:.83333333s}@media (max-width:600px){.site-title span{-webkit-animation-name:type-color;animation-name:type-color;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:step-end;animation-timing-function:step-end}.site-title span:nth-child(6n+0){-webkit-animation-delay:0s;animation-delay:0s}.site-title span:nth-child(6n+1){-webkit-animation-delay:.16666667s;animation-delay:.16666667s}.site-title span:nth-child(6n+2){-webkit-animation-delay:.33333333s;animation-delay:.33333333s}.site-title span:nth-child(6n+3){-webkit-animation-delay:.5s;animation-delay:.5s}.site-title span:nth-child(6n+4){-webkit-animation-delay:.66666667s;animation-delay:.66666667s}.site-title span:nth-child(6n+5){-webkit-animation-delay:.83333333s;animation-delay:.83333333s}}@-webkit-keyframes type-color{0%{color:#ff6b00}16.6666666667%{color:#05ce7c}33.3333333333%{color:#00b3e3}50%{color:#da3ab3}66.6666666667%{color:#ff4338}83.3333333333%{color:#ffc843}}@keyframes type-color{0%{color:#ff6b00}16.6666666667%{color:#05ce7c}33.3333333333%{color:#00b3e3}50%{color:#da3ab3}66.6666666667%{color:#ff4338}83.3333333333%{color:#ffc843}}footer{padding:30px 0;margin-top:100px;border-top:3px solid #000;text-align:center}footer h1{display:block}footer img{width:80px}footer a{display:inline}footer a:first-of-type{margin-right:25px}#coolsockcrew{position:fixed;z-index:100;width:100%;height:100%;top:0;left:0;pointer-events:none;padding:30px;opacity:0}#coolsockcrew.active{opacity:1;transition:opacity 5s linear}#coolsockcrew img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}#coolsockcrew .cool-gifs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10}#coolsockcrew .cool-gifs img{width:auto;height:auto;position:absolute}