.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)}}.header{background-color:var(--bckgrnd-blck);height:100%;padding:20px 20px 20px 0;width:100%}.nav>.nav-header>.nav-title{background-color:var(--cyan-color);color:var(--bckgrnd-blck)!important;display:inline-block;font-size:30px!important;font-weight:700;padding:10px 10px 10px 50px}.nav{height:50px;position:relative;width:100%}.nav>.nav-header{display:inline}.nav>#nav-check,.nav>.nav-btn{display:none}.nav>.nav-links{display:inline;float:right;font-size:20px}.nav>.nav-links>a{border-bottom:3px solid var(--cyan-color);color:var(--cyan-color);display:inline-block;padding:15px 10px}.nav>.nav-links>a:hover{background-color:rgba(0,0,0,.4)}@media (max-width:600px){.nav>.nav-btn{display:inline-block;position:absolute;right:0;top:0}.nav>.nav-btn>label{display:inline-block;height:50px;padding:13px;width:50px}.nav #nav-check:checked~.nav-btn>label,.nav>.nav-btn>label:hover{background-color:rgba(0,0,0,.3)}.nav>.nav-btn>label>span{border-top:2px solid #eee;display:block;height:10px;width:25px}.nav>.nav-links{background-color:#333;height:0;left:0;overflow-y:hidden;position:absolute;top:50px;transition:all .3s ease-in}.nav>.nav-links,.nav>.nav-links>a{display:block;width:100%}.nav>#nav-check:not(:checked)~.nav-links{height:0}.nav>#nav-check:checked~.nav-links{height:calc(100vh - 50px);overflow-y:auto}}input[type=text],textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:16px;margin-top:6px;padding:12px;resize:vertical;width:100%}#message{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,"Arial, sans-serif";height:100px;max-height:100%}button{background-color:#3a46b5;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;padding:12px 20px}button:hover{background-color:#263675}.formContainer{background-color:#f2f2f2;border-radius:5px;display:flex;justify-content:center;max-height:100%;max-width:100%}#contact-form>h2{font-size:35px;padding-bottom:35px;padding-top:35px;text-align:center}.error{color:#822}.success{color:#256e25}#contact{display:grid;grid-template-areas:"contact-heading contactGrid";grid-template-columns:10% 80%;grid-template-rows:100%}#contact-heading{grid-area:contact-heading}#third-line{grid-area:third-line}#contactGrid{display:grid;grid-area:contactGrid;grid-template-areas:"website github linkedin email";grid-template-columns:25% 25% 25% 25%;grid-template-rows:100%}#website{grid-area:website}#github{grid-area:github}#twitter{grid-area:twitter}#email{grid-area:email}.contact-grid-element a{border-bottom:3px solid var(--bckgrnd-blck);color:var(--bckgrnd-blck);font-size:16px}.contact-grid-element a:hover{background-color:rgba(87,168,144,.336);padding:5px}#about{display:grid;grid-template-areas:"aboutHeading first-line aboutText";grid-template-columns:5% 5% 80%;grid-template-rows:100%;justify-items:center}#aboutHeading{display:flex;grid-area:aboutHeading}#first-line{grid-area:first-line}#aboutText{grid-area:aboutText}#aboutText>h2{padding-bottom:35px}#aboutText>p{font-size:15px}#heroGrid{background-image:var(--bckgrnd-transition),url(https://i.imgur.com/HN8UVXd.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-areas:"hero-image hero-text";grid-template-columns:1fr 1fr;grid-template-rows:200px;height:100%;width:100%}#hero-image{align-items:center;display:flex;grid-area:hero-image;margin-left:50px;position:relative}#hero-image img{border-radius:50%;height:200px;overflow:hidden;position:absolute;width:200px}#hero-text{align-items:flex-end;background-color:var(--cyan-color);color:var(--bckgrnd-blck);display:flex;flex-wrap:wrap;font-size:20px;grid-area:hero-text;justify-content:flex-end;margin-bottom:30px;margin-right:50px;padding:5px;position:relative}#hero-text>p{font-size:15px;margin-right:15px}.projectWrapper>h2{font-size:35px;padding-bottom:25px;padding-top:25px;text-align:center}.grid{grid-gap:15px;align-items:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;max-height:100%;max-width:100%;padding:15px}.grid>article{border:1px solid #616060;box-shadow:2px 2px 6px 0 hsla(0,2%,8%,.4);height:400px;width:300px}.grid>article img{height:200px;max-height:100%;max-width:100%;width:100%}.text{padding:20px}.text>p,h3{padding-bottom:15px;text-align:center}.text>p>strong>a{color:#4a4ab4}.text>button{background:#5c9aa1;border:0;padding:10px;width:100%}.text>button>a{color:#faebd7;font-size:14px}footer{background-color:var(--bckgrnd-blck);height:100%;padding:20px 20px 20px 0;width:100%}footer>p{color:var(--cyan-color);text-align:center}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--cyan-color:#5c9aa1;--bckgrnd-blck:#372d2d;--bckgrnd-transition:linear-gradient(rgba(49,109,144,.349),rgba(49,109,144,.349))}*{box-sizing:border-box}body{background-color:#e9eff1;color:#372d2d;color:var(--bckgrnd-blck);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;line-height:1.5rem}body,h1,h2,h3,h4,h5,h6,p{margin:0}p{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:14px}li{list-style:none}a{text-decoration:none}.page-wrapper{display:flex;flex-direction:column}.page-section{-webkit-column-gap:20px;column-gap:20px;display:flex;height:100%;justify-content:center;padding:50px 30px;width:100%}.vertical-line{border-left:5px solid #5c9aa1;border-left:5px solid var(--cyan-color);width:100%}.sectionHeading h2{text-align:right}@media (max-width:600px){.nav>.nav-links{background-color:#333;height:0;left:0;overflow-y:hidden;position:absolute;top:50px;transition:all .3s ease-in}.nav>.nav-links,.nav>.nav-links>a{display:block;width:100%}}@media only screen and (max-width:1024px){#about{grid-template-areas:"aboutHeading" "aboutText"}#about,#contact{grid-template-columns:auto;grid-template-rows:50px auto}#contact{grid-template-areas:"contact-heading" "contactGrid"}#contactGrid{grid-template-areas:"website" "github" "linkedin" "email";grid-template-columns:auto;grid-template-rows:auto auto auto auto;justify-items:center}}@media only screen and (max-width:678px){#hero-image,.nav-links{display:none}#heroGrid{align-items:center;justify-items:center}}
/*# sourceMappingURL=main.2fa46fcd.css.map*/