:root{--lightestG:hsl(221,39%,99%);--lightG:hsl(221,33%,97%);--mediumG:hsl(221,1%,42%);--darkG:hsl(221,1%,25%);--darkestG:hsl(221,41%,11%);--mainB:hsl(220,41%,45%);--darkB:hsl(221,51%,32%);--lightB:hsl(220,58%,63%);--lightestB:hsl(221,58%,83%)}html{font-family:'PT Sans',sans-serif}header{border-bottom:1px dashed var(--darkG);color:var(--darkB)}header a{text-decoration:none;color:var(--darkestG)}header a:visited{text-decoration:none;color:var(--darkestG)}.currentPage{text-decoration:underline}.flexParent{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline}.bottomNav{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline}.secondFlex{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:baseline}#projectBody{margin-top:5%;width:80%;margin-left:10%}#projectBody img{border-radius:2%;box-shadow:3px 3px 5px 6px #ccc}#techUsed{font-weight:300;text-align:right}.smallActive{font-weight:300;color:var(--mediumG);font-size:1.25rem}#midP{margin-bottom:0}.projectDescription{max-width:40%}.mobileItem{font-size:3em;margin-bottom:1em}.hamburgerHelper{width:3em;position:absolute;right:10%;top:1em}.cancelHelper{width:3em;position:absolute;right:10%;top:1em}.project{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:15%}.projectImg{max-width:35%}.smallProj{max-width:25%}.postInfo{margin-bottom:10vh}.date{margin-top:0;font-weight:lighter;font-size:.9rem;margin-bottom:.05em}.postTitle{margin-bottom:0;color:var(--darkestG)}.readBtn{background-color:var(--mainB);color:var(--lightG);padding:.5em 1.5em;text-decoration:none;border-radius:5px}.readBtn:hover{text-decoration:underline;text-transform:uppercase}.readBtn:visited{color:var(--lightG)}.tagBtn{background-color:var(--lightB);color:var(--lightG);padding:.5em 1.5em;text-decoration:none;border-radius:5px;margin-right:10px}.tagBtn:hover{text-decoration:underline;text-transform:uppercase}.tagBtn:visited{color:var(--lightG)}.smallerFlex{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline}.icon{max-width:50%;height:auto;min-height:2em}.mobileNav{display:flex;flex-direction:column;height:100vh;position:sticky;top:0;width:100%;justify-content:flex-start;align-items:baseline;text-align:center}.mobileNav a{color:var(--darkestG)}.mobileNav a:visited{color:var(--darkestG)}.flexItem{font-size:2em;margin-right:5%}#iconBox{width:40%}.flexChild{width:60%}a{color:var(--lightB);text-decoration:none}a:visited{color:var(--mainB)}a:hover{text-decoration:underline}.mainPost{border-bottom:1px dashed var(--darkB)}body{font-family:'PT Sans',sans-serif;background-color:var(--lightestG);color:#383838}h1,h2,h3,h4,h5,h6{color:var(--darkB)}li{line-height:1.5;padding:2%;text-align:justify;font-size:1.25rem}p{font-family:'Open Sans',sans-serif;font-size:1.25rem;line-height:1.5;margin-bottom:30px;color:#424242;text-align:justify}.imgWrapper{position:relative;padding-top:56.25%}img{max-width:100%;height:auto}.colorGrid{display:flex;flex-wrap:wrap;justify-content:space-between;height:100%;text-align:center}.colorBlock{border:1px solid #000;min-width:20%;height:100px;margin-top:20px}#main{background-color:#4363a1}#dark{background-color:#27427b}#lighter{background-color:#698ed7}#lightest{background-color:#bacaec}#darkest{background-color:#101727;color:#fff}#darkG{background-color:#3f3f40}#mediumG{background-color:#6a6a6c}#lightG{background-color:#f4f6f9}@media screen and (max-width:700px){p{line-height:1.79}main{margin-right:5px;margin-left:5px}.secondFlex{display:none}.projectDescription{max-width:100%}.projectImg{max-width:100%}.smallProj{max-width:100%}#projectBody{margin-bottom:10%}}@media screen and (max-width:1000px) and (min-width:700px){p{line-height:1.65}main{max-width:60%;margin-left:20%;margin-right:20%}.secondFlex{display:none}.hamburgerHelper{top:3em}.cancelHelper{top:3em}.smallProj{max-width:40%;margin:5%}}@media screen and (min-width:1000px){main{max-width:60%;margin-left:20%;margin-right:20%}.hamburgerHelper{display:none}.smallProj{border-radius:2%;box-shadow:3px 3px 5px 6px #ccc;padding:2.5%}.projectDescription{border-radius:2%;box-shadow:3px 3px 5px 6px #ccc;padding:2.5%}}