@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700|Cousine:400,700");body{text-align:center;font-family:'Lato';font-weight:300}@media screen and (max-width: 580px){body{font-size:17px}}@media screen and (max-width: 374px){body{margin:3px}}body a{color:#222;text-decoration:none}body .intro{text-align:left;max-width:860px}body .intro h1{font-family:'Cousine';font-weight:700;margin:0px;font-size:48px;text-transform:uppercase;line-height:1.2;display:inline}@media screen and (max-width: 580px){body .intro h1{font-size:35px}}body .intro h1 .space{font-size:0.6em}body .intro p{margin-top:20px;font-size:22px;padding-left:3px;font-weight:300;line-height:1.55}body .intro p .bold{font-weight:700}body .intro p .orange{color:#ff5a00}body .intro p a:hover{color:#222}@media screen and (max-width: 580px){body .intro p{margin-top:15px;font-size:20px}}body .main-container{display:inline-block;padding-top:20px}@media screen and (min-width: 1330px){body .main-container{width:1305px}body .main-container p{max-width:1100px}}@media screen and (min-width: 999px) and (max-width: 1329px){body .main-container{width:975px}}@media screen and (min-width: 665px) and (max-width: 998px){body .main-container{width:645px}}@media screen and (max-width: 664px){body .main-container{width:340px}}@media screen and (max-width: 359px){body .main-container{width:320px}}body .main-container .project-container{height:100%;display:block;padding-bottom:70px}body .main-container .project-container .column-container{display:none;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px}body .main-container .project-container .column-container.four-column{-moz-column-count:4;-webkit-column-count:4;column-count:4;width:1305px}@media screen and (min-width: 1330px){body .main-container .project-container .column-container.four-column{display:block}}body .main-container .project-container .column-container.three-column{-moz-column-count:3;-webkit-column-count:3;column-count:3;width:975px}@media screen and (min-width: 999px) and (max-width: 1329px){body .main-container .project-container .column-container.three-column{display:block}}body .main-container .project-container .column-container.two-column{-moz-column-count:2;-webkit-column-count:2;column-count:2;width:645px}@media screen and (min-width: 665px) and (max-width: 998px){body .main-container .project-container .column-container.two-column{display:block}}body .main-container .project-container .column-container.one-column{-moz-column-count:1;-webkit-column-count:1;column-count:1;width:315px}@media screen and (max-width: 664px){body .main-container .project-container .column-container.one-column{display:block}}body .main-container .project-container .column-container a.secret{visibility:hidden;pointer-events:none}body .main-container .project-container .column-container .graphic{border-radius:2px;width:309px;height:309px;border:1px solid #999;margin-bottom:17px;position:relative;display:grid;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}body .main-container .project-container .column-container .graphic .title{border-top-left-radius:2px;border-top-right-radius:2px;font-family:Lato;font-weight:400;text-align:left;position:absolute;padding:6px 8px;width:calc(100% - 16px);font-size:16px;line-height:1.4;color:#000;background-color:rgba(255,255,255,0.92);border-bottom:1px solid #999}body .main-container .project-container .column-container .graphic .cutout{width:100%;height:100%;border-radius:inherit}body .main-container .project-container .column-container .graphic.small{height:145px}body .main-container .project-container .column-container .graphic.small .cutout{height:145px}body .main-container .project-container .column-container .graphic.chosen,body .main-container .project-container .column-container .graphic.userHover{border-color:#000}body .main-container .project-container .column-container .graphic.chosen .title,body .main-container .project-container .column-container .graphic.userHover .title{opacity:0}.topper{text-align:center !important}.topper h1{margin-bottom:10px}.topper h2{font-weight:300;margin:0px auto 30px auto;max-width:600px}.top-container{padding-top:20px}.top-container #p5_loading{display:none}.top-container a{color:#1a0dab}#canvas-container{position:relative;transform-origin:top}#canvas-container .blocker{height:50%;padding-top:2px;width:100%;background-color:#fff;position:absolute;bottom:0px}.back-button{position:absolute;top:15px;left:15px;font-size:20px;color:#666}.back-button:hover{color:#1a0dab}.container{max-width:650px;margin:0 auto;text-align:left;padding:40px 10px}.container h1{font-family:'Cousine';font-weight:700;font-size:42px;text-transform:uppercase;padding-top:25px;border-bottom:2px solid #ff5a00}@media screen and (max-width: 580px){.container h1{font-size:35px}}.container p{font-size:22px;line-height:1.5;padding-bottom:10px}@media screen and (max-width: 580px){.container p{font-size:18px}}