body{margin:0;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{font-family:"Roboto",sans-serif;background-color:#28323c}#drink-holder{display:flex;align-items:center;justify-content:center}#drink-holder #nerd-image{z-index:2;max-width:75px}.box{margin:15px}.hacker_theme{background-color:#22262b;color:#e2f4ad}.hacker_theme h1,.hacker_theme h2,.hacker_theme h3,.hacker_theme h4,.hacker_theme h5,.input{color:#e2f4ad}.input{border-radius:0;border:1px solid #e2f4ad;background-color:#22262b}.input:focus,.input:hover{border-color:#e2f4ad}.input::-webkit-input-placeholder{color:#e2f4ad}.input:-ms-input-placeholder{color:#e2f4ad}.input::-ms-input-placeholder{color:#e2f4ad}.input::placeholder{color:#e2f4ad}.tools{color:#e2f4ad}.tools .sub-tools,.tools p{display:inline-block}.tools .sub-tools{margin:0 0 0 5px}.tools .sub-tools li{font-size:11px;display:inline-block;list-style-type:none}.tools .sub-tools li:not(:first-child){margin-left:5px}.tools .sub-tools li:not(:last-child):after{content:", "}.tools .sub-tools li:first-child:before{content:"("}.tools .sub-tools li:last-child:after{content:")"}.skills{background-color:#22262b;border:1px solid #e2f4ad;border-radius:0}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}#filter-grid{display:flex;flex-wrap:wrap;justify-content:space-evenly}#filter-grid .filter-grid-item{margin-bottom:20px;padding:0;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((100% - 60px)/2)}#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((100% - 90px)/3)}#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((100% - 120px)/4)}#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:1px solid #e2f4ad;border-radius:0;box-sizing:border-box;padding:0;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:200px;margin-bottom:0;position:relative;transition:height .5s cubic-bezier(0,1,0,1)}#filter-grid .filter-grid-item .display-face .content .bottom-details{background-color:#28323c;width:100%}#filter-grid .filter-grid-item .display-face .content .bottom-details p{color:#e2f4ad;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}.project-modal-overlay{display:flex;justify-content:center;align-items:center;position:fixed;z-index:3;background:rgba(0,0,0,.5);top:0;left:0;height:100vh;width:100vw}.project-modal{border:1px solid #e2f4ad;border-radius:0;max-width:800px;max-height:80%;overflow:scroll;z-index:4}.project-template h1,.project-template h2,.project-template h3,.project-template h4{font-family:"Oswald","Arial",cursive;text-align:center}.project-template img{border:1px solid #e2f4ad;display:block;max-width:600px;margin:0 auto 20px;width:100%}.project-template .img-gallery{display:flex;max-width:600px;justify-content:space-between}.project-template .img-gallery .img-gallery-item{flex-grow:1;flex-shrink:1}.project-template .img-gallery .img-gallery-item:not(:last-child){margin-right:5px}.project-template .img-gallery .img-gallery-item img{margin-bottom:5px}.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:#28323c;bottom:-20px;color:#e2f4ad;display:block;margin:0 -20px -20px;padding:15px;position:-webkit-sticky;position:sticky;text-align:center;text-decoration:none;text-transform:uppercase}
/*# sourceMappingURL=main.63662765.chunk.css.map */