body{margin:0;padding:0}.content{overflow-x:hidden;overscroll-behavior-x:none;padding-bottom:24px;display:flex;flex-direction:column;align-items:center}.title-container{max-width:1800px;position:static}.title-container .title,.title-container .about,.title-container .title a,.title-container .about a{color:#151515}#app-container{width:100%;max-width:1800px;display:block;margin-top:16px;padding-left:24px;padding-right:24px;box-sizing:border-box}#box-container{display:block;width:100%;float:right}.box{width:33.33%;padding-top:30%;float:left;position:relative;margin:0;border:8px solid white;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:66.66%}.box-inner{width:100%;height:100%;position:absolute;top:0;background:#fff;background-size:auto 130%;background-position:center;padding:20px;box-sizing:border-box;transition:background-size .5s ease;cursor:pointer}.box-inner:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:" ";background:#212121;opacity:.1;pointer-events:none;transition:opacity .5s ease}.box-inner:hover{background-size:auto 140%}.box-inner:hover:before{opacity:0}.clearfix:before{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.box .title{font-size:2em;line-height:1.5em;font-family:GeistPixel,Helvetica,Arial,sans-serif;font-weight:400;color:#fff;margin:0;position:relative}.box .title span{background:#151515;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 5px}.published-date{font-family:GeistPixel,Helvetica,Arial,sans-serif;font-weight:400;color:#151515;font-size:.8em;margin-top:4px}.published-date span{background-color:#fff;padding:0 5px}@media screen and (max-width: 1084px){.box{width:33.33%;padding-top:33.33%;float:left;position:relative;margin:0;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:66.66%}}@media screen and (max-width: 900px){.box{width:50%;padding-top:50%;float:left;position:relative;margin:0;box-sizing:border-box}.box:nth-of-type(1),.box:nth-of-type(4){width:100%}.box:nth-of-type(5){width:50%}}@media screen and (max-width: 640px){#app-container{margin-top:8px;padding-left:16px;padding-right:16px}.box{width:100%;padding-top:60%;float:left;position:relative;margin:0;box-sizing:border-box;border:5px solid white}.box:nth-of-type(1),.box:nth-of-type(4),.box:nth-of-type(5){width:100%}}@media screen and (max-width: 400px){.box .title{font-size:1.4em}.subtitle{visibility:hidden}.published-date{font-size:.7em}}