html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;overflow-x:hidden;margin:0;padding:0}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:none;box-shadow:none}.blogContainer{background-color:#f5f5f5;min-height:100vh}.content{min-height:90vh}.header{padding-left:20px;background-color:#2b2b2b;color:#fff;padding-bottom:10px;padding-top:10px;display:flex;min-width:300px}.headerName{font-weight:700;font-size:50px;text-shadow:2px 2px #9e8ccf}.menu{margin-left:auto;padding-right:20px}.miniMenu{display:none}.menuOptions{display:flex;grid-gap:20px;gap:20px;font-size:25px;padding-top:25px;text-shadow:1px 1px #9e8ccf;padding-right:20px}.menuButton{cursor:pointer;transition-duration:.3s}.menuButton:hover{color:#997676;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;transition-duration:.3s}.hiddenM{width:50%}.hidden,.hiddenM{right:0;top:0;height:100vh;background-color:#2b2b2b;color:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);position:fixed;font-size:25px;padding-top:25px;text-shadow:1px 1px #9e8ccf;text-align:center}.hidden{display:none;width:200px;transition-duration:.3s;z-index:3}.hiddenShadow{opacity:0;pointer-events:none;-webkit-animation:disappear .5s;animation:disappear .5s}.hiddenShadow,.revealedShadow{background-color:#2b2b2b;position:fixed;width:100%;height:100%;left:0;top:0}.revealedShadow{opacity:.5;cursor:pointer;-webkit-animation:appear .5s;animation:appear .5s;z-index:2}.hiddenShadow:focus,.revealedShadow:focus{outline:none;box-shadow:none}@-webkit-keyframes appear{0%{opacity:0}to{opacity:.5}}@keyframes appear{0%{opacity:0}to{opacity:.5}}@-webkit-keyframes disappear{0%{opacity:.5}to{opacity:0}}@keyframes disappear{0%{opacity:.5}to{opacity:0}}.revealed{display:none;right:0;top:0;position:fixed;width:200px;height:100%;background-color:#2b2b2b;color:#fff;-webkit-transform:translateX(0);transform:translateX(0);transition-duration:.3s;z-index:3;font-size:25px;padding-top:25px;text-shadow:1px 1px #9e8ccf;text-align:center}@media only screen and (max-width:1200px) and (min-width:0px){.menu{display:none}.miniMenu{display:inline;display:initial;margin-left:auto;padding-right:20px;padding-top:25px;transition-duration:.3s;cursor:pointer}.miniMenu:hover{color:#997676;transition-duration:.3s}.hidden,.revealed{display:inline;display:initial}.revealedShadow{cursor:auto}}.home{padding-top:50px;padding-left:200px;padding-right:200px}.homeContent{display:flex}.homeMenu{width:280px}.homePreview{margin-left:100px}@media only screen and (max-width:1500px) and (min-width:0px){.home{padding-left:100px;padding-right:100px}}@media only screen and (max-width:1200px) and (min-width:0px){.home{padding-left:50px;padding-right:50px}}@media only screen and (max-width:1100px) and (min-width:0px){.home{padding-left:20px;padding-right:40px}}@media only screen and (max-width:800px) and (min-width:0px){.homePreview{margin-left:50px}}@media only screen and (max-width:750px) and (min-width:0px){.homeContent{display:grid;justify-items:center}.homePreview{margin-left:0}}@media only screen and (max-width:400px) and (min-width:0px){.homeMenu{width:250px}}.search{margin-bottom:20px}.homeSearch{text-align:center}.homeSearchHeader{font-size:30px;font-weight:700}.popular,.searchContainer{background-color:#fff}.popular{margin-top:20px;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19);border-radius:1em}.popularHeader{padding-top:10px;font-weight:700;font-size:18px;padding-bottom:10px}.popularData{padding-left:13px;border-radius:5px;margin:0 auto}.popularRow{padding-bottom:10px}.popularRowText,.popularRowText:hover{transition-duration:.3s}.popularRowText:hover{color:#997676;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.latestProjects{margin-top:20px;background-color:#fff;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19);margin-bottom:20px;border-radius:10px}.latestProjectsHeader{padding-bottom:10px;font-weight:700;font-size:18px;padding-left:3px;padding-top:5px}.latestProjectsContainer{display:grid;grid-template-columns:auto auto auto;height:200px;align-items:center;justify-items:center}.projectPreview{background-size:100% 100%;background-repeat:no-repeat;width:95px;height:95px;cursor:pointer}.reactTetris{background-image:url(/static/media/reactTetris.f30d33a7.png)}.angularBank{background-image:url(/static/media/angularBank.62a0961d.png)}.projectPreview:hover{-webkit-filter:hue-rotate(50deg);filter:hue-rotate(50deg)}.preview,.previewHome{background-color:#fff;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19);cursor:pointer;width:100%;border-radius:1em;display:flex;height:200px;padding:10px;margin-bottom:20px}.preview:hover,.previewHome:hover{-webkit-filter:brightness(80%);filter:brightness(80%)}.previewImageProps{width:350px;height:200px}.previewDetails,.previewHomeDetails{padding-left:15px;padding-right:15px}.previewDate{color:grey}.previewTitle{font-weight:700}.previewText{padding-top:10px;font-size:14px}@media only screen and (max-width:1050px) and (min-width:0px){.previewHome{display:grid;height:auto;width:auto;min-width:250px}.previewHomeDetails{padding-left:0;padding-right:0}}@media only screen and (max-width:800px) and (min-width:0px){.preview{display:grid;height:auto;width:auto;min-width:250px}.previewDetails{padding-left:0;padding-right:0}}@media only screen and (max-width:600px) and (min-width:0px){.previewImageProps{width:100%;min-width:250px}}@media only screen and (max-width:400px) and (min-width:0px){.previewImageProps{width:100%;min-width:200px}}.footer{background-color:#2b2b2b;color:#fff;padding-bottom:10px;padding-top:10px;min-width:300px}.footerLinks{display:flex;justify-content:center;padding-bottom:10px;grid-gap:6px;gap:6px}.footerLink{cursor:pointer;transition-duration:.3s;text-shadow:1px 1px #9e8ccf}.footerLink:hover{transition-duration:.3s;color:#997676;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.copyRight{text-align:center}.posts{margin-top:50px;margin-right:100px;margin-left:100px}@media only screen and (max-width:500px) and (min-width:0px){.posts{margin-left:50px;margin-right:50px}}@media only screen and (max-width:400px) and (min-width:0px){.posts{margin-left:20px;margin-right:20px}}.specificPostContainer{margin-left:100px;margin-right:100px;margin-top:50px}.specificPost{background-color:#fff;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19);width:100%;border-radius:1em;padding:10px;margin-bottom:20px}.postsHeader{font-size:20px}.postsHeader,.postsInnerHeader{font-weight:700;margin-bottom:10px}.postsInnerHeader{font-size:18px}.postsText{margin-bottom:10px}.postsDisplay{font-weight:700;background-color:#f1f1f1;padding:10px;font-size:14px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.postsButton{margin-top:10px;border:none;background-color:#2b2b2b;padding:15px;color:#fff;font-size:20px;cursor:pointer;transition-duration:.3s}.postsButton:hover{background-color:#3d3d3d;transition-duration:.3s;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.postsLink{color:#000;font-weight:700;transition-duration:.3s;font-size:18px}.postsLink:hover{color:#696969;transition-duration:.3s;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}@media only screen and (max-width:1100px) and (min-width:0px){.specificPostContainer{margin-left:20px;margin-right:20px}.specificPost{width:95%}}.notFound{padding-top:30px;font-size:45px;font-weight:700;text-align:center}.notFoundHeader{font-size:60px}.blueprints{margin-top:50px;margin-right:100px;margin-left:100px}@media only screen and (max-width:500px) and (min-width:0px){.blueprints{margin-left:50px;margin-right:50px}}@media only screen and (max-width:400px) and (min-width:0px){.blueprints{margin-left:20px;margin-right:20px}}.specificBlueprintContainer{margin-left:100px;margin-right:100px;margin-top:50px}.specificBlueprint{background-color:#fff;box-shadow:0 0 0 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.19);width:100%;border-radius:1em;padding:10px;margin-bottom:20px}.blueprintsHeader{font-size:20px;font-weight:700;margin-bottom:10px}.blueprintsInnerHeader{font-size:16px;font-weight:700;margin-bottom:10px}.blueprintsText{margin-bottom:10px}.blueprintsDisplay{font-weight:700;background-color:#f1f1f1;padding:10px;font-size:14px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.blueprintsButton{margin-top:10px;border:none;background-color:#2b2b2b;padding:15px;color:#fff;font-size:20px;cursor:pointer;transition-duration:.3s}.blueprintsButton:hover{background-color:#3d3d3d;transition-duration:.3s;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}@media only screen and (max-width:1100px) and (min-width:0px){.specificBlueprintContainer{margin-left:20px;margin-right:20px}.specificBlueprint{width:95%}}.about{padding-top:30px}.aboutHeader{text-align:center}.aboutDescription{padding-left:20px;font-size:18px}.aboutDescriptionHeader{font-size:45px;font-weight:700}.aboutDescriptionSecondaryHeader{font-size:20px;font-weight:700}.portfolioButton{margin-top:10px;border:none;background-color:#2b2b2b;padding:15px;color:#fff;font-size:20px;cursor:pointer;transition-duration:.3s}.portfolioButton:hover{background-color:#3d3d3d;transition-duration:.3s;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}