*{color:#fff;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#030318;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{background-color:#008b8b;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:0 .2rem .1rem #fff}li{list-style:none}a{text-decoration:none}.yeller{margin-left:1rem;text-shadow:0 0 1rem #000}.li-design{background-color:#212c30;border-radius:1rem;font-size:1.18rem;font-style:italic;font-weight:700;margin-left:2rem;padding:.5rem 2rem;text-align:center}.li-click,.li-design:hover{box-shadow:0 0 .5rem #fff}.flex-row,.nav-flexgrid{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem}.flex-row{text-align:center}.about-article{border-radius:.7rem;box-shadow:0 .5rem .5rem #fff;margin:1rem;padding:1rem}.about{text-align:center}.about,.myskill{border-bottom:1px solid #ffa702}.myskill{margin-bottom:1rem}.profile-pic{border-radius:1rem;height:23rem;width:20rem}.bio{text-align:left;width:50rem}.port-article{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem;text-align:center}.project-section{border-radius:.7rem;box-shadow:0 .5rem .5rem #fff;margin:1rem;padding:1rem}.project-photo{border-radius:.5rem;box-shadow:0 0 .5rem #fff;margin-right:1rem;width:39rem}.project-title{border-bottom:1px solid #ffa702;margin-left:1rem}.contact-article{border-radius:.7rem;box-shadow:0 .5rem .5rem #fff;display:flex;flex-wrap:wrap;margin:1rem;padding:1rem;text-align:center}.contact-article h2{margin-bottom:1rem}.col-2{grid-template-rows:2rem;margin-bottom:1rem}.col-2,.col-message{display:grid;grid-template-columns:10rem 15rem}.col-message{grid-template-rows:8rem}.form-input{border-radius:.5rem;color:#000!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.contact-button{background-color:#212c30;border-radius:1rem;padding:.5rem;width:10rem}.contact-button,.error-text{margin:1rem 0 0 5rem}.resume-section{border-radius:.7rem;box-shadow:0 .5rem .5rem #fff;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:1rem;padding:1rem;text-align:center}.resume{height:50rem;width:50rem}.skills li{border-bottom:1px solid #ffa702;font-style:italic;font-weight:700;margin-bottom:2rem}.li-footerdesign{margin-left:2rem;text-align:center}.sociallinks{width:3rem}.github-live{width:4rem}.linkedin,.youtube{width:3.7rem}.port-flex-row{background-color:hsla(0,0%,100%,.7);border-radius:1rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:-18.8rem 1rem 1rem;padding:7rem 0;text-align:center;visibility:hidden}.div-project:hover .port-flex-row{opacity:.7;visibility:visible}.resume-button{background-color:#212c30;border-radius:1rem;margin:1rem;padding:.5rem;width:10rem}.download{display:flex;flex-direction:column}@media screen and (max-width:1599px){.project-photo{margin:1rem 0 0}.resume{height:30rem;width:30rem}}@media screen and (max-width:753px){.li-design{border-radius:1rem;font-size:1.18rem;font-weight:700;margin-left:1rem;padding:.5rem 1rem;text-align:center}.project-photo{margin:1rem 0 0;width:20rem}.github-live{width:3rem}.port-flex-row{margin-top:-9.75rem;padding:3rem 0}}@media screen and (max-width:577px){.nav-flexgrid{grid-row-gap:1rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:8rem 8rem;grid-template-rows:4rem 4rem;margin:1rem 2rem;padding-right:1rem;row-gap:1rem}.li-design{font-size:1.18rem;font-weight:600;margin:0;padding:1.2rem}.port-article{margin:0}.about-article{margin:1rem;padding:0}.bio{margin:1rem 0}.project-photo{margin:0;width:18rem}.col-2{grid-template-rows:2rem;margin-bottom:1rem}.col-2,.col-message{display:grid;grid-template-columns:5rem 12rem}.col-message{grid-template-rows:8rem}.resume{width:19rem}.li-footerdesign{margin-left:2rem;text-align:center}.github-live{width:2.5rem}.port-flex-row{margin-top:-9rem;padding:3rem 0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.e3feec02.css.map*/