.Nav{align-items:center;background-color:#fff;display:flex;font-family:helvetica,"sans-serif";justify-content:flex-start;justify-content:space-around;opacity:1;padding-bottom:20px;padding-top:20px}.Name{font-size:30px;letter-spacing:2px}.Name,.NavLinks{font-weight:bolder}.NavLinks{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;cursor:pointer;display:flex;flex-direction:row;font-size:small;-webkit-transform-origin:bottom;transform-origin:bottom}.NavLinks:hover{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.App{background-image:url(/React-Portfolio/static/media/TabBackground.cf7bd4677a96c1585b75.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover}.main{margin:5% 10%;opacity:1}.Photo{max-width:400px}.PhotoBackground{background-color:#fff;padding-top:30px}.Transformative{font-size:x-large;font-weight:bolder;padding-bottom:30px}.Bio{align-items:center;flex-direction:column;font-family:helvetica,"sans-serif";justify-content:center;letter-spacing:2px;line-height:40px}.Bio,.Projects{background-color:#fff;display:flex;flex-wrap:wrap;padding:20px}.Projects{flex-direction:row-reverse;justify-content:space-around;justify-content:center}.ProjectImages{border-style:hidden;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);height:300px;margin:10px;padding:20px;width:300px}.ProjectContainers:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.ProjectContainers{padding:20px}.Contact{background-color:#fff;border-color:#000;border-style:dashed;flex-wrap:wrap;font-family:helvetica,"sans-serif";line-height:40px;padding-bottom:20px;padding-top:20px}.Contact,.ContactForm,.Resume{align-items:center;display:flex;flex-direction:column;justify-content:center}.Resume{background-image:url(/React-Portfolio/static/media/blackboard.2f39900775c82c0372ae.avif);border:3px solid #000;font-family:helvetica,"sans-serif";font-family:lato;letter-spacing:2px;line-height:40px;margin:20px auto;padding-bottom:20px;padding-top:20px}p{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:normal;font-weight:400;text-transform:uppercase}ul li{list-style:none}ul{display:flex;flex-wrap:wrap;justify-content:center}ul li a{background-color:#ffc;box-shadow:20px 20px 7px #212121;color:#000;display:block;height:200px;padding:20px;text-decoration:none;-webkit-transform:rotate(-6deg);transform:rotate(-6deg);width:200px}ul li{margin:20px}li{padding:20px}ul li:nth-child(2n) a{position:relative;top:5px;-webkit-transform:rotate(4deg);transform:rotate(4deg)}ul li:nth-child(3n) a{position:relative;top:-5px;-webkit-transform:rotate(3deg);transform:rotate(3deg)}ul li:nth-child(5n) a{position:relative;top:-10px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.Footer{flex-direction:row;font-family:helvetica,"sans-serif";font-size:larger;letter-spacing:2px;line-height:40px;opacity:1;padding-bottom:20px;padding-top:20px}.ArtCredit,.Footer{align-items:center;background-color:#fff;display:flex;justify-content:center}.ArtCredit{color:#000;flex-direction:column;flex-wrap:wrap;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:small;text-decoration:none}.ProLogos{height:30px;padding:10px}.ResumeButton:link,.ResumeButton:visited{background-color:#fff;border:4px solid green;border-radius:10px;box-shadow:8px 8px 3px rgba(0,0,0,.5),inset 7px 7px 10px rgba(0,0,0,.5);color:green;display:flex;font-size:larger;font-weight:bolder;max-width:200px;padding:10px 20px;text-align:center;text-decoration:none;text-transform:capitalize}.ResumeButton:active,.ResumeButton:hover{background-color:green;color:#fff;-webkit-transform:scale(1.25);transform:scale(1.25)}.ButtonContainer{align-content:center;border:10px solid #fff;box-shadow:2px 2px 5px #000,inset 5px 5px 8px #000;display:flex;justify-content:center;margin:20px;padding:40px}.ButtonContainer:hover{-webkit-animation:shake 1s;animation:shake 1s;-webkit-animation-iteration-count:1;-webkit-animation-iteration-count:initial;animation-iteration-count:1}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.Super{font-size:x-large}.SkillsHeader p{align-items:flex-start;display:flex;font-size:large;justify-content:center;text-align:center}.SkillsHeader,.SkillsHeader p{padding-bottom:30px}.Backend p{font-size:large;font-weight:700}.Backend p,.Frontend p{align-items:flex-start;display:flex;justify-content:center;text-align:center}.Frontend p{font-size:xx-large}.Character1{font-size:x-large;padding-bottom:50px}.Character1,.Character2{align-items:flex-start;display:flex;font-weight:700;justify-content:center;text-align:center}.Character2{font-size:large}
/*# sourceMappingURL=main.5a40c382.css.map*/