body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background:url(/static/media/bg.889e300f.png);background-size:100px;margin:0;padding:0;font-family:"Roboto",sans-serif}body #contents{height:100vh;padding:50px 10px 20px}@media (min-width:600px){body #contents{padding:50px 20px 20px}}#nerd{align-items:center;display:flex;justify-content:center}#nerd #nerd-wrapper{display:inline-block;margin-right:20px;width:100px}#nerd #nerd-wrapper img{width:100%}#nerd #nerd-speaks{background:#fff;border-radius:20px;display:inline-block;position:relative}#nerd #nerd-speaks p{color:#40404f;font-size:14px;letter-spacing:1px;margin:20px}#nerd #nerd-speaks p span.rainbow{background:linear-gradient(270deg,violet,indigo,#00f,green,#ff0,orange,red,orange,#ff0,green,#00f,indigo,violet);background-repeat:repeat;background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;font-weight:700;letter-spacing:5px;animation:rainbow .75s linear infinite reverse}#nerd #nerd-speaks .arrow{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:15px solid #fff;position:absolute;top:35%;left:-15px;height:0;width:0}@keyframes rainbow{0%{background-position-x:0}50%{background-position-x:100%}to{background-position-x:200%}}h2.heading{border-bottom:1px solid #b4b4c1;color:#fff;font-weight:lighter;letter-spacing:10px;line-height:50px;margin:20px 0;text-align:center;text-transform:uppercase}#tools{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 -10px;padding:0}#tools li{color:#fff;display:inline-block;margin:0 10px 20px;position:relative;flex-basis:calc(50% - 20px)}@media (min-width:600px){#tools li{flex-basis:calc(25% - 20px)}}@media (min-width:900px){#tools li{flex-basis:calc(16.66667% - 20px)}}@media (min-width:1200px){#tools li{flex-basis:calc(12.5% - 20px)}}#tools li:after{content:"";display:block;padding-bottom:100%}#tools li div{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%}#tools li div p{text-align:center;display:inline-block;margin:0}#tools li div p.tool-name{font-size:24px}#tools li div p.tool-related{font-size:9px}#filter-grid{display:flex;flex-wrap:wrap;justify-content:space-between}#filter-grid .filter-grid-item{margin-bottom:20px;position:relative;flex-basis:100%}#filter-grid .filter-grid-item:first-child .display-face .content .title,#filter-grid .filter-grid-item:nth-child(2) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(3) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(4) .display-face .content .title{height:200px}@media (min-width:600px){#filter-grid .filter-grid-item{flex-basis:calc(50% - 10px)}#filter-grid .filter-grid-item:first-child .display-face .content .title,#filter-grid .filter-grid-item:nth-child(2) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(3) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(4) .display-face .content .title{height:200px}}@media (min-width:900px){#filter-grid .filter-grid-item{flex-basis:calc(33.33333% - 13.33333px)}#filter-grid .filter-grid-item:first-child .display-face .content .title,#filter-grid .filter-grid-item:nth-child(2) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(3) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(4) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(5) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(6) .display-face .content .title{height:200px}}@media (min-width:1200px){#filter-grid .filter-grid-item{flex-basis:calc(25% - 15px)}#filter-grid .filter-grid-item:first-child .display-face .content .title,#filter-grid .filter-grid-item:nth-child(2) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(3) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(4) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(5) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(6) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(7) .display-face .content .title,#filter-grid .filter-grid-item:nth-child(8) .display-face .content .title{height:200px}}#filter-grid .filter-grid-item .display-face{border-radius:5px;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:block;overflow:hidden;position:relative}#filter-grid .filter-grid-item .display-face .content{position:relative;top:0;transition:top .33s ease}#filter-grid .filter-grid-item .display-face .content .title{background-size:cover;background-position:top;cursor:pointer;height:75px;position:relative;transition:height .5s cubic-bezier(0,1,0,1)}#filter-grid .filter-grid-item .display-face .content .description-box{background-color:#fff;box-shadow:0 -1px 7px rgba(0,0,0,.16);width:100%}#filter-grid .filter-grid-item .display-face .content .description-box p.title-text{color:#0c0c0f;display:inline-block;font-family:"Oswald","Arial",cursive;font-size:32px;line-height:1;margin:20px;text-transform:uppercase}#filter-grid .filter-grid-item .display-face .content .description-box .desc{bottom:0;color:#40404f;font-size:14px;line-height:1.25;margin:0;padding:0 20px}#filter-grid .filter-grid-item .display-face .content .description-box .desc:first-child{padding-top:20px}#filter-grid .filter-grid-item .display-face .content .description-box .desc:last-child{padding-bottom:20px}#filter-grid .filter-grid-item .display-face .content .description-box .desc a{color:#66f}#filter-grid .filter-grid-item .display-face .content .bottom-details{background-color:#40404f;width:100%}#filter-grid .filter-grid-item .display-face .content .bottom-details p{color:#fff;display:inline-block;font-size:9px;margin:0;padding:6.66667px}#filter-grid .filter-grid-item .display-face .content .bottom-details p span{font-style:italic}#filter-grid .filter-grid-item .display-face .content .bottom-details a.open{background-color:hsla(0,0%,100%,.05);color:#fff;display:inline-block;float:right;font-size:9px;padding:6.66667px;text-align:center;text-decoration:none;text-transform:uppercase}#filter-grid .filter-grid-item .display-face .content .bottom-details a.open:hover{background-color:hsla(0,0%,100%,.25)}#filter-grid .filter-grid-item .description-box{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0,1,0,1)}#filter-grid .filter-grid-item.open .display-face .content .title{height:200px;transition:height .5s cubic-bezier(0,1,0,1)}#filter-grid .filter-grid-item.open .description-box{max-height:900px;transition:max-height .5s ease}.close-modal{border:none;background-color:transparent;cursor:pointer;position:absolute;top:5px;right:5px}.project-template{color:#25252d}.project-template h1,.project-template h2,.project-template h3,.project-template h4{font-family:"Oswald","Arial",cursive;text-align:center}.project-template img{display:block;max-width:100%;margin:0 auto}.project-template pre{background-color:#d3d3d3;border-radius:3px;overflow-x:auto;white-space:pre-wrap;padding:10px 15px}.project-template .project-open{background-color:#40404f;bottom:-20px;color:#fff;display:block;margin:0 -20px -20px;padding:15px;position:-webkit-sticky;position:sticky;text-align:center;text-decoration:none;text-transform:uppercase}
/*# sourceMappingURL=main.e5c0075e.chunk.css.map */