body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{background-color:#fdf0d5}.App-link{color:#61dafb}footer{background-color:#f5f5f5;border-bottom:1px solid transparent;border-top:2px dotted #000;font-family:Courier New,Courier,monospace;padding-bottom:50px;text-align:center}footer li{display:inline-block;padding:1% 5%}.Footer li:hover{color:tan}.bradypic{border-radius:30%;height:60%;max-width:60%}#MainContent{padding-top:5%;text-align:center}.ContentArea{display:inline-block;font-family:Courier New,Courier,monospace;padding-bottom:25%;padding-top:20%;vertical-align:middle}.MainDetails{-webkit-animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:.15em solid orange;letter-spacing:.15em;margin:0 auto;overflow:hidden;white-space:nowrap}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#000}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#000}}#AboutMe{background:#fff;border-bottom:1px dashed #d3d3d3;border-top:1px solid #d3d3d3;font-family:Courier New,Courier,monospace;padding-bottom:45px;scroll-snap-type:y mandatory;text-align:center;width:100%}@-webkit-keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(30px) scale (.9);transform:translateY(30px) scale (.9)}to{opacity:1;-webkit-transform:translateY(0) scale (1);transform:translateY(0) scale (1)}}@keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(30px) scale (.9);transform:translateY(30px) scale (.9)}to{opacity:1;-webkit-transform:translateY(0) scale (1);transform:translateY(0) scale (1)}}.AboutIco{height:2%;width:2%}.AboutMeContent,.AboutMeContent2{display:inline-block;vertical-align:middle;width:44%}.AboutMeContent2{border:5px inset tan}.AboutMeContent,.AboutMeContent2{-webkit-animation:fade-up .5s;animation:fade-up .5s}.AboutMePic{background:#fff;border-color:lighten(#000,20%) lighten(#000,0);border-style:solid;border-width:15px;bottom:0;box-shadow:2px 2px 4px rgba(0,0,0,.6);left:0;margin:auto;max-height:50%;max-width:50%;padding-bottom:15%;padding:30px;right:0;top:0}.AboutMeHeader h1{border:5px double tan}.AboutMeHeader{padding-left:46%;width:10%}.resicon{margin-bottom:4%}#SocialsParent{background:#fff;margin-bottom:5%;text-align:center;transition:.5s}.socialschild{border-bottom:4px double #000;float:left;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;height:70px;overflow:hidden;position:relative;transition:.5s;width:50%}.socialschild:hover{color:tan;height:200px}#SocialsParent:hover{margin-bottom:8%}.FootIco{height:100px;width:100px}.Skills{list-style:none}.Icon{height:40px;width:110px}.ResButton{background:transparent;border-radius:50px}.ResButton:hover{background:#ede0d4}#Projects{font-family:Courier New,Courier,monospace;scroll-snap-type:y mandatory}#Projects h1{text-align:center}.ProjectContent{display:inline-block;font-family:Courier New,Courier,monospace}.ProjectsHeader h1{border:5px double #fff}.ProjectsHeader{padding-left:46%;width:10%}.ProjectSkills{-webkit-animation:fade-up .5s;animation:fade-up .5s;background-image:linear-gradient(#f8ebdd,#f1e1c2);border:3px outset #a5a58d;border-radius:1%;box-shadow:2px 10px #888;display:inline-block;font-size:70%;margin:20px 20px 20px 3%;padding:12px;text-align:center;text-decoration:underline;width:44%}.bradypic2{width:98%}.bradypic2,.bradypic3{border-radius:2%;height:626px}.bradypic3{width:90%}.ProjectSkills .bradypic2:hover,.ProjectSkills .bradypic3:hover{opacity:.6}.Icons{height:40px;padding-bottom:20px;padding-top:10px;width:110px}.IconList{display:inline-block}#WebDevTitle{font-size:18px}#LinkList{list-style-type:none}#NavBar{background-color:#333;font-family:Courier New,Courier,monospace;overflow:hidden;padding-left:1%;position:fixed;top:0;width:100%;z-index:1}#NavBar,#NavBar a{text-decoration:none}#NavBar a{color:#f2f2f2;display:block;float:left;font-size:17px;padding:14px 16px;text-align:center}#NavBar a:visited{text-decoration:none}#NavBar a:hover{background:#000;color:tan}#navpicture{border-radius:50%;float:right;height:30px;margin-right:2%;margin-top:.3%;width:30px}@media screen and (max-width:450px){#MainContent{padding-top:70%}#MainContent h1{font-size:14px}.bradypic2{height:90%;padding-top:43px;width:90%}.bradypic3{height:68px;width:90%}.AboutMePic{border-radius:0;padding-left:5px;padding-right:5px;scale:100%}.AboutIco{height:5%;width:5%}#AboutMe{padding-bottom:0}.AboutMeContent{display:inline}.AboutMeContent2{border:0;display:inline}.resicon{margin-bottom:10%}.AboutMeHeader,.ProjectsHeader{padding-left:20%;width:60%}#SocialsParent{margin-bottom:10%}#SocialsParent:hover{margin-bottom:50%}#Projects{padding-left:2%}.ProjectSkills{box-shadow:2px 10px #888;margin:7px;padding:12px;text-align:center;width:38%}.Icons{scale:80%}.IconList{float:left;width:35%}#navpicture{margin-right:3%;margin-top:2%}.MainDetails{font-size:15px}.ContentArea{padding:20% 30px 80%}body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}footer{padding-bottom:0;padding-right:10px}footer li{display:inline-block;padding:1%}Footer h1{font-size:25px}}@media screen and (min-width:600px) and (max-width:1240px){.bradypic2{height:100%;padding-top:36px;width:100%}.AboutMePic{border-radius:0;scale:100%}.ContentArea{padding-bottom:60%;padding-top:50%}.AboutMeContent{display:inline}.AboutMeContent2{border:0;display:inline}#SocialsParent{margin-bottom:10%}#SocialsParent:hover{margin-bottom:30%}.MainDetails{font-size:25px}.AboutMeHeader,.ProjectsHeader{padding-left:30%;width:40%}body{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}footer li{display:inline}.bradypic3{height:220px;padding-top:19px;width:99%}.ProjectSkills{width:40%}.IconList{width:25%}#MainContent{padding-top:10%}#navpicture{margin-top:1%}}@media screen and (min-width:1268px) and (max-width:2330px){footer li{display:inline;padding:30px}.bradypic2,.bradypic3{height:350px;width:90%}.ProjectSkills{width:43%}#MainContent{padding-bottom:15%;padding-top:15%}#AboutMe{padding-bottom:10%}.AboutMeHeader{padding-left:40%;width:20%}#SocialsParent{margin-bottom:8%}#SocialsParent:hover{margin-bottom:15%}.ProjectsHeader{padding-left:40%;width:20%}#navpicture{margin-top:.6%}}
/*# sourceMappingURL=main.24878940.css.map*/