@import url(../css/normalize.css);*{box-sizing:border-box}body{font-size:1em;background-color:#fbfdfe;color:#020b0d;font-family:sans-serif;line-height:2.0225424859em}h1,h2,h3,h4,h5,h6{margin:0}.visually-hidden{position:absolute;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.button{text-align:center;background-color:#5d0e4a !important;color:#fbfdfe !important;padding:20px 52.360679775px;border-radius:5px;justify-self:flex-end;text-decoration:none;cursor:pointer;font-family:Orbitron}.button:hover{color:#020b0d !important;text-shadow:-1px -1px 0 #fbfdfe,0 -1px 0 #fbfdfe,1px -1px 0 #fbfdfe,1px 0 0 #fbfdfe,1px 1px 0 #fbfdfe,0 1px 0 #fbfdfe,-1px 1px 0 #fbfdfe,-1px 0 0 #fbfdfe}.base{display:flex;flex-direction:column}.base__wrapper--home{display:flex;flex-direction:row}.hero,.sub-hero{background-color:#040401;color:#fbfdfe;width:100%;padding:52.360679775px 0}.hero__heading,.sub-hero__heading{text-align:center;font-family:Orbitron;margin-bottom:20px;line-height:1.6180339888em}.hero__text,.sub-hero__text{max-width:720px;text-align:justify;margin:auto;padding:0 20px}.sub-hero{background-color:#fbfdfe;color:#020b0d;padding:0;margin:52.360679775px auto}.sub-hero__text{margin:auto;text-align:justify;padding:0 20px}.homepage__lists{display:flex;flex-direction:row;justify-content:space-between;max-width:720px;margin:auto;padding:0 20px;margin-bottom:52.360679775px}.homepage__list-left,.homepage__list-right{padding-left:0;margin:0;list-style:none}.homepage__list-item:first-of-type{font-weight:bold;font-family:Orbitron}.homepage__list-right>.homepage__list-item{text-align:right}.project{display:flex;flex-direction:column;padding:0 20px;max-width:720px;margin:auto;margin-bottom:52.360679775px}.project__data,.project__media,.project__call-to-action{display:flex;flex-direction:row}.project__data{flex-direction:column}.project__data-thumbnail{background-color:#040401;object-fit:cover}.project__data-right-heading{font-family:Orbitron;font-size:1.25rem;margin-top:20px}.project__data-right-text{text-align:justify;margin:20px 0 0}.project__media{margin-top:20px}.project__media-image{background-color:#040401;width:25%}.project__call-to-action{margin-top:20px;justify-content:space-between}.project__button{padding-left:0;padding-right:0;width:47.5%}.project__button--single{margin-left:auto}@media screen and (min-width: 600px){.project__data{flex-direction:row}.project__data-thumbnail{width:38.2%;margin-right:20px}.project__data-right-heading{margin-top:0;text-align-last:justify}}.about{padding:20px;margin:auto;max-width:720px}.about__heading{font-family:Orbitron;margin-bottom:20px}.about__text{text-align:justify}.about__section-heading{font-family:Orbitron;margin-top:20px}.about__item{display:flex;flex-direction:column;margin-top:20px}.about__item-heading{font-family:Monospace}.about__item-subheading{font-family:Monospace}.about__item-tags{font-family:Monospace;max-width:100%;list-style:none;padding-left:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;line-height:100%}.about__item-tag{margin-bottom:12.360679775px;padding:12.360679775px 20px;background-color:#5d0e4a;color:#fbfdfe;line-height:100%}.mods{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.mod{margin-bottom:10px;position:relative;width:100%;height:100%;aspect-ratio:1/1;cursor:pointer;-webkit-box-shadow:0px 0px 10px -1px #16ff42;-moz-box-shadow:0px 0px 10px -1px #16ff42;box-shadow:0px 0px 10px -1px #16ff42}.mod__heading{position:absolute;left:20px;right:20px;top:20px;font-family:Orbitron;color:#020b0d;margin:0;z-index:6;padding:12.360679775px;background-color:rgba(22,255,66,0.7);-webkit-box-shadow:0px 0px 10px -1px #16ff42;-moz-box-shadow:0px 0px 10px -1px #16ff42;box-shadow:0px 0px 10px -1px #16ff42;font-size:1.15rem}.mod__image{z-index:5;position:absolute;object-fit:cover;width:100%;height:100%;transition:transform 1s ease-out}.mod__status{text-align:center;position:absolute;left:20px;right:20px;bottom:20px;font-family:Orbitron;color:#020b0d;z-index:8;background-color:rgba(255,22,66,0.7);-webkit-box-shadow:0px 0px 10px -1px #ff1642;-moz-box-shadow:0px 0px 10px -1px #ff1642;box-shadow:0px 0px 10px -1px #ff1642;padding:12.360679775px;font-size:2em;line-height:2em}.mod:hover .mod__image{transition:transform 1s ease-out;transform:scale(1.15);z-index:6}.mod:hover .mod__heading{z-index:7}.post{margin:auto;display:flex;flex-direction:column;max-width:720px;width:100%;text-align:justify}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{font-family:Orbitron;text-align:left;font-size:2em;line-height:2em;margin:0}.post__thumbnail{width:100%;object-fit:cover}.post__meta{font-family:Orbitron;text-align:left}.post__content img{width:100%}.post__content .comparison{display:flex;flex-direction:row;justify-content:space-between}.post__content .comparison img{width:49.5%}.post__content blockquote{margin-left:0;padding-left:32.360679775px;border-left:solid #020b0d 7.639320225px}.header{display:flex;flex-direction:row;padding:32.360679775px}.logo{display:flex;flex-direction:row;align-items:center;text-decoration:none;color:inherit;font-family:Orbitron}.logo__image-wrapper{width:32px;height:32px;margin-right:16.1803398875px}.logo__image{width:100%;height:100%}.navigation{flex-grow:1;font-family:Orbitron;width:100%}.navigation__list{display:flex;flex-direction:row;list-style:none;margin:0;padding-left:0;align-items:center}.navigation__item{margin-left:32.360679775px}.navigation__link{text-decoration:none;color:inherit}.navigation__item--button{margin-left:auto;margin-right:0}.footer{padding:20px}.footer__list{margin:0;list-style:none;padding-left:0}.footer__item,.footer__copyright{font-family:Orbitron}.footer__link{text-decoration:none}.base--about .footer,.base--home .footer,.base--page .footer,.base--post .footer{margin:auto;max-width:720px;width:100%}.main{width:100%}.featured{display:flex;flex-direction:column;flex-wrap:nowrap;padding:0 20px}.card{position:relative;height:100vh;max-height:50vh;overflow:hidden;margin-bottom:10px}.card__image{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform 1s ease-out}.card__heading,.card__text,.card__timestamp{position:absolute;left:32.360679775px;right:32.360679775px}.card__heading{top:32.360679775px;font-family:Orbitron;text-shadow:-1px -1px 0 #fbfdfe,0 -1px 0 #fbfdfe,1px -1px 0 #fbfdfe,1px 0 0 #fbfdfe,1px 1px 0 #fbfdfe,0 1px 0 #fbfdfe,-1px 1px 0 #fbfdfe,-1px 0 0 #fbfdfe;color:#020b0d;margin:0;margin-left:32.360679775px;margin-top:20px}.card__text{top:38.2%;font-family:Orbitron;color:#fbfdfe;text-shadow:-1px -1px 0 #020b0d,0 -1px 0 #020b0d,1px -1px 0 #020b0d,1px 0 0 #020b0d,1px 1px 0 #020b0d,0 1px 0 #020b0d,-1px 1px 0 #020b0d,-1px 0 0 #020b0d;margin:0 32.360679775px}.card__timestamp{font-family:Orbitron;color:#fbfdfe;text-shadow:-1px -1px 0 #020b0d,0 -1px 0 #020b0d,1px -1px 0 #020b0d,1px 0 0 #020b0d,1px 1px 0 #020b0d,0 1px 0 #020b0d,-1px 1px 0 #020b0d,-1px 0 0 #020b0d;bottom:32.360679775px;margin:0;margin-left:32.360679775px;margin-bottom:20px}.card .bl,.card .br,.card .tl,.card .tr{position:absolute;width:64.72135955px;height:64.72135955px}.card .bl{bottom:32.360679775px;left:32.360679775px;border-bottom:1px solid #fff;border-left:1px solid #fff;box-shadow:-5px 5px 10px -10px #000,inset 5px -5px 10px -10px #000}.card .br{bottom:32.360679775px;right:32.360679775px;border-bottom:1px solid #fff;border-right:1px solid #fff;box-shadow:5px 5px 10px -10px #000,inset -5px -5px 10px -10px #000}.card .tl{top:32.360679775px;left:32.360679775px;box-shadow:-5px -5px 10px -10px #000,inset 5px 5px 10px -10px #000;border-left:1px solid #fff;border-top:1px solid #fff}.card .tr{top:32.360679775px;right:32.360679775px;border-top:1px solid #fff;border-right:1px solid #fff;box-shadow:5px -5px 10px -10px #000,inset -5px 5px 10px -10px #000}.card:hover{cursor:pointer}.card:hover .card__image{transition:transform 1s ease-out;transform:scale(1.15)}@media screen and (min-width: 960px){.featured{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.card{width:100%;max-width:49.75%}}@media screen and (min-width: 600px){.mod{max-width:49.5%}}@media screen and (min-width: 960px){.mod{max-width:33%}}@media screen and (min-width: 1280px){.mod{max-width:24.5%}}
