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}.NavBar{width:95%;margin:auto;border-bottom:10px solid #596e79;display:flex;align-items:baseline;justify-content:space-between}.NavBar h1{color:#222831;margin:1rem;text-align:center;text-decoration:none}.NavBar .navHeader{display:flex;text-decoration:none;width:50%}.NavBar .navPages{margin:0 auto;width:48%;display:flex;justify-content:flex-end}.NavBar .navPages .navlinks{margin:0 4%;text-decoration:none;color:#222831;font-weight:700;border-radius:2px}.App-header{height:100%;background-color:#f0f0f0}.space{height:25px}.App{height:100%}.App,body{background-color:#f0ece3}.landing{width:90%;margin:5% auto}.landing .landingHeaderContainer{display:flex;margin:auto;flex-direction:row;width:85%;justify-content:space-between}.landing .landingHeaderContainer img{width:500px;height:350px}.landing .landingHeaderContainer h2{color:#222831;text-align:center;font-size:3rem}.landing p{color:#222831}.projectDisplay{display:flex;flex-flow:column;justify-content:space-evenly}.projectDisplay .projectHeadContainer{margin:3% auto;border-bottom:5px solid #596e79;width:125px}.projectDisplay .projectHeadContainer h2{text-align:center;margin:0;color:#222831}.projectDisplay .projects{display:flex;justify-content:space-evenly;flex-flow:row wrap}.project{border:5px solid #596e79;border-radius:15px;width:25%;text-align:center;display:flex;flex-flow:column;margin-bottom:3%;padding-bottom:15px}.project .projectLinks{display:flex;justify-content:space-evenly}.aboutPage{width:95%;margin:2% auto}.aboutPage h2{width:75%;text-align:center;margin:auto}.socialDiv{display:flex;width:50%;margin:5% auto;flex-direction:column}.socialDiv .socialHeader{margin-left:25px}.socialDiv .socialCont{border:4px solid #30475e;border-radius:15px;height:50%;width:100%;display:flex;flex-direction:column}.socialDiv .message{margin:2%;height:75px;font-weight:700;padding:5px;border:3px solid #222831;border-radius:5px}.socialDiv .socialForm{display:flex;flex-flow:row wrap;justify-content:space-between;padding:15px}.socialDiv .socialForm .socialEmail{margin:2%;height:25px;font-weight:700;padding:5px;width:40%;border:3px solid #222831;border-radius:5px}.socialDiv .socialForm button:hover{cursor:pointer}.socialDiv .socialForm button{background:transparent;outline:none;position:relative;border:3px solid #111;padding:15px 50px;overflow:hidden;border-radius:5px;background-color:#fff}.socialDiv .socialForm button:hover:before{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.socialDiv .socialForm button:before{content:attr(data-hover);position:absolute;top:1.1em;left:0;width:100%;text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:.8em;opacity:0;-webkit-transform:translate(-100%);transform:translate(-100%);transition:all .3s ease-in-out}.socialDiv .socialForm button:hover div{opacity:0;-webkit-transform:translate(100%);transform:translate(100%)}.socialDiv .socialForm button div{text-transform:uppercase;letter-spacing:3px;font-weight:800;font-size:.8em;transition:all .3s ease-in-out}.socialDiv .socialForm .message{margin:2%;height:75px;font-weight:700;padding:5px;width:100%;border:3px solid #222831;border-radius:5px}.socialDiv .socialLogos{display:flex;flex-direction:row;width:25%;justify-content:space-evenly;margin-left:25px}.socialDiv .socialMediaLogo{width:35px;height:35px;margin-bottom:5%}
/*# sourceMappingURL=main.4140c82d.chunk.css.map */