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}.App-logo{height:40vmin;pointer-events:none}:root{--about-me-color:#400;--projects-color:#0a0509;--contact-me-color:#0c0c0c;--blue:#111e30}*{color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;line-height:1.5;margin:0}body{background-color:#121212;height:90vh}object{height:89vh;margin-top:10vh;width:183vh}a{text-decoration:none}.main-page{padding-bottom:5%;padding-top:5%}.header{color:#f5f5f5;display:inline-block;font-size:xx-large;margin-left:15px;text-align:center}.short-header{display:none}.navigation{display:inline-block;font-size:x-large;margin-right:20px}.navigation li{display:inline;margin:0 9px}.navigation li a{border-bottom:2px solid #add8e6;color:#f5f5f5;text-decoration:none}.hero{align-items:center;background-image:url(/myReactPortfolio/static/media/Developer_Tag.c3f08aac8a4a4e8edd9a.jpg);background-position:50%;background-size:cover;display:flex;height:400px;justify-content:space-around;position:relative;width:100%}.about-logo{height:192px;width:192px}.footer-logo{display:inline;height:64px;padding:.5%;width:64px}.icon-link{margin:1vw;min-height:5vh;min-width:5vw;padding-bottom:1vh;padding-top:1vh;transition:.2s ease-in-out}.icon-link:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.flex-container{display:flex}.sidebar{align-items:flex-start;border-radius:2px;border-right:5px solid #add8e6;justify-content:center;margin-right:2%;position:relative;width:33%}.main-section{justify-content:center;padding-bottom:5%}.projects{align-content:space-around;flex-direction:row;flex-wrap:wrap;gap:10px 15px;justify-content:space-between;position:relative;width:85%}.projects.flex-container{justify-content:center}.carousel-inner>.carousel-item>img{height:34vh;width:75vw}.project-image{border:4px solid #111e30;border:4px solid var(--blue);border-radius:15px;display:inline-block;max-height:100%;max-width:100%;transition:.2s ease-out}.projects a{flex-grow:1;max-width:100%;position:relative;transition:.3s ease}.projects a:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.github,.github:hover{text-decoration:underline}.github:hover{color:#329632}.project-title{background-color:rgba(17,30,48,.8);bottom:10%;font-size:large;left:4px;padding:5px 5%;position:absolute;z-index:3}a:first-child .project-title{font-size:xx-large;max-width:100%}.selfie{border-radius:50%;height:50%;margin:100px;max-height:200px;max-width:200px;width:50%}.content{width:66%}.content p{font-size:large;width:84%}.section-heading{font-size:x-large;grid-area:heading;padding:1%;text-align:center}.mainProject{grid-area:main}.project1{grid-area:project1}.project2{grid-area:project2}.project3{grid-area:project3}.project1 img,.project2 img,.project3 img,.project4 img{height:50vh;width:40vw}.grid-container{grid-gap:15px;display:grid;gap:15px;grid-template-areas:"heading heading" "main main" "main main" "project1 project2" "project3 project4"}#project-section{margin-top:5%}#about-me{padding-top:2%}#contact-me{background-color:#0c0c0c;background-color:var(--contact-me-color);padding-bottom:2%}#contact-me .content{justify-content:space-evenly;width:55%}#contact-me .content h3{font-size:larger;padding:1%;text-align:center}#contact-me .content a{border-bottom:2px dotted #add8e6;color:#00ced1;margin:0 40%;text-decoration:none}#relative-footer{align-items:center;background-color:#111e30;background-color:var(--blue);bottom:0;display:flex;justify-content:center;max-height:8%;padding-top:.5%;position:fixed;text-align:center;width:100%;z-index:3}#relative-footer h3{display:inline;padding:.5%}#navbar{height:10%}@media (min-width:768px) and (max-width:1024px){.header,.section-heading{font-size:x-large}.navigation{font-size:large}.navigation li{margin:0 5px}.hero{justify-content:space-between}.hero-subtitle{font-size:xx-large}.selfie{height:150px;width:150px}.about-logo{height:192px;width:192px}.main-section .content p{font-size:medium}.project-title{bottom:15%;font-size:small}.project1 img,.project2 img,.project3 img{height:15vh;width:20vw}.static-header{height:5%}#contact-me{font-size:small}#about-me{padding-bottom:25vh}}@media (max-width:767px){.header{font-size:larger}.section-heading{font-size:medium}.navigation{font-size:large;margin-right:10px}.navigation li{margin:0 5px}.hero{justify-content:space-between}.hero-subtitle{font-size:large}.about-logo{height:128px;width:128px}.selfie{display:none}.main-section .content p{font-size:small}.projects{width:100%}.project-title{bottom:20%;font-size:small}.project1 img,.project2 img,.project3 img,.project4 img{height:25vh;width:45vw}a:first-child .project-title{font-size:x-large}.static-header{height:5%}.main-header{display:none}.short-header{display:inline-block}#contact-me{font-size:x-small}#about-me{padding-bottom:25vh}#relative-footer{font-size:larger;max-height:16%}#navbar{height:10%}#project-section{margin-top:15%}#developerTag{display:none!important}}@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.91d9030c.css.map*/