body{margin:0;background-color:var(--other-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.heading{display:flex;align-items:center;padding:0 50px}.heading h3{overflow:hidden;color:#fff}.heading h3 span{color:var(--other-color2)}.about-container{position:relative;display:grid;grid-template-columns:1fr;grid-column-gap:8px;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;min-height:100vh}.headshot-image{position:relative;justify-self:center;align-self:flex-end;width:250px;height:auto;border-radius:50%;border:5px solid var(--other-color2);cursor:pointer;-webkit-transition:.25s ease-in;transition:.25s ease-in}.headshot-image:hover{-webkit-filter:contrast(50%) sepia(50%);filter:contrast(50%) sepia(50%)}.line{border-top:1.25px solid #fff;flex-grow:1;margin:0 10px}.info-container{display:flex;flex-direction:column;justify-self:center;align-self:flex-start;max-width:700px}.info-container p{color:#fff;text-align:start}.info-container p>span{color:var(--other-color2);font-weight:700}.tech-list{list-style-type:none;display:grid;grid-template-columns:1fr 1fr;color:#fff;padding:0}.tech-item{position:relative}.tech-item:before{content:"\2666";position:absolute;left:0;color:var(--other-color2)}@media only screen and (min-width:768px){.about-container{grid-template-columns:1fr 1fr}.headshot-image{width:325px;height:auto}.headshot-image,.info-container{justify-self:center;align-self:center}.info-container p{font-size:20px}}@media only screen and (min-width:1275px){.headshot-image{width:100%;max-width:450px;height:auto}}.other-container{min-height:100vh}.projects-grid{display:grid;grid-template-columns:1fr;flex-wrap:wrap;grid-row-gap:32px;row-gap:32px;grid-column-gap:8px;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;color:#fff;text-align:start;word-wrap:break-word;width:100%;max-width:1000px;margin:auto}.other-project-container{position:relative;display:flex;flex-direction:column;width:75%;height:300px;padding:16px;border-radius:5px;background-color:var(--tertiary-color);border:2px solid var(--other-color2);justify-self:center}.other-project-container:hover{-webkit-transform:translateY(-2%);transform:translateY(-2%)}.other-project-container i{font-size:54px}.code-container{display:flex;flex-wrap:wrap}.code-container label{color:var(--other-color2);margin-right:16px}.link-container{position:absolute;display:flex;flex-direction:row-reverse;padding:16px;bottom:0;right:0}.link-container a:first-child{margin-left:16px}.link-container a{color:#fff}.link-container i{color:#fff;font-size:24px}.link-container i:hover{color:var(--other-color2);cursor:pointer}.more-button-container{margin-top:100px}@media only screen and (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr);grid-row-gap:16px;row-gap:16px;justify-content:flex-start}.other-project-container{width:250px}}@media only screen and (min-width:1050px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.contact_container{display:flex;justify-content:center;align-items:center;position:relative;min-height:100vh;height:auto;margin-top:100px}.contact_content{display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px;font-size:24px;font-weight:700;margin:0;color:var(--main-color)}.contact_content h4{font-size:24px;color:#fff}.contact_content h4>span{color:var(--other-color2)}.contact_content h2{margin:0}.contact_content p{max-width:600px;font-size:16px;color:#fff;margin-top:30px;margin-bottom:30px;text-align:center;align-self:center}.contact_button{min-width:8rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;color:var(--other-color2);font-weight:700;text-decoration:none;padding:16px;border-radius:5px;border:2px solid var(--other-color2);background-color:transparent;cursor:pointer;align-self:center;margin:30px 0}.contact_button span{position:relative;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}.contact_button span:after{content:"\00bb";position:absolute;opacity:0;top:0;right:-20px;-webkit-transition:.5s;transition:.5s}.contact_button:hover span{padding-right:16px}.contact_button:hover span:after{opacity:1;right:0}.social-container{margin-top:50px}.social-container .fa{padding:20px;font-size:25px;width:25px;text-align:center;text-decoration:none;margin:5px 8px}.fa:hover{opacity:.7}.fa-linkedin{background:#007bb5;color:#fff}.social-container .fa-github{color:#fff;background:#24292e}.fa-instagram{background:#833ab4;color:#fff}.fa-address-book{background:#b53a00;color:#fff}.container{height:auto;min-height:100vh}.container,.project-container{width:100%;align-content:center}.project-container{position:relative;min-height:500px;justify-content:center;margin-bottom:50px}.project-container img{object-fit:cover}.image-filter,.project-container img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.image-filter{background-color:var(--other-color);opacity:.75}.text-container{position:absolute;top:8px;left:0;bottom:8px;right:0;width:100%;min-height:95%;color:#fff}.test1{display:flex;flex-direction:column;justify-content:space-evenly;width:100%;height:100%}.right{text-align:right}.text-container h2{margin-top:0;padding-right:16px}.text-container p{font-size:18px;padding:16px;margin-bottom:0}.title-container>div{margin:8px 0;padding-right:16px}.title-container a{color:#fff;font-size:25px;margin-left:24px}.title-container a:hover{color:var(--other-color2);-webkit-transition:all .5s ease;transition:all .5s ease;cursor:pointer}.code-label-container{display:flex;flex-direction:row-reverse;flex-wrap:wrap}.code-label-container label{padding:4px;background-color:var(--tertiary-color);border-radius:10px;flex-grow:0;flex-shrink:0;margin:5px}@media only screen and (min-width:600px){.image-filter{display:none}.project-container{display:grid;grid-template-columns:1fr 1fr;width:100%;height:300px;align-content:center;justify-content:center}.project-container img{position:relative;width:100%;height:300px;max-height:500px;align-self:center}.text-container{display:block;position:relative}.text-container p{background-color:var(--secondary-color);border-radius:10px;-webkit-transform:translateX(-20px);transform:translateX(-20px);margin-bottom:16px}.title-container h2{padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-container a{font-size:20px;margin-left:8px}.title-container>div{padding-right:16px}.right{text-align:right}.code-label-container{padding-right:20px}.code-label-container label{background-color:VAR(--other-color)}}@media only screen and (min-width:768px){.project-container{grid-template-columns:1fr 1fr}.project-container img{width:100%;height:300px;max-height:500px;align-self:center}.text-container{position:relative}.text-container h2{font-size:20px;margin:0}.text-container p{font-size:16px;background-color:var(--secondary-color)}.title-container{display:flex;justify-content:space-between;align-content:center}.title-container>div{padding-left:8px;align-self:center}.title-container a{font-size:22px;margin-left:8px}}@media only screen and (min-width:992px){.project-container{grid-template-columns:450px 450px}.project-container img{width:450px;height:250px}.text-container h2{font-size:28px}.text-container p{font-size:18px}}@media only screen and (min-width:1275px){.project-container{grid-template-columns:1fr 1fr}.project-container img{width:100%;max-width:650px;height:auto;max-height:400px;justify-self:flex-end}.text-container h2{font-size:32px}.text-container a{font-size:28px}.text-container p{font-size:20px}.test1{width:auto;max-width:700px}.code-label-container label{font-size:18px}}.nav-container{position:-webkit-sticky;position:sticky;top:0;z-index:99;background-color:var(--tertiary-color);height:75px;padding:0 50px;justify-content:space-between}.nav-container .contact_button{min-width:4rem;padding:8px;margin:0;font-size:16px;color:var(--tertiary-color);background-color:var(--other-color2);align-self:center;text-align:center;opacity:0;-webkit-animation:fadeDown .5s ease-in .75s forwards;animation:fadeDown .5s ease-in .75s forwards}.nav-container ul{list-style-type:none;margin:0;padding:0;overflow:hidden;align-self:center}.nav-container ul>li{float:right}.nav-container ul>li>a{display:block;color:#fff;text-align:center;padding:4px 16px;text-decoration:none}li a span{color:var(--other-color2)}li a:hover{background-color:#111}.active{border-bottom:2px solid var(--other-color2)}.mobile{background-color:transparent}.largeScreen{display:none}.largeScreen ul li{opacity:0;-webkit-animation:fadeDown .3s ease-in forwards;animation:fadeDown .3s ease-in forwards}.mobile{padding:16px;height:auto}.menuButton{position:relative;font-size:xx-large;color:#fff;border:none;background-color:transparent;outline:none;cursor:pointer;-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.fade-out-trans{opacity:0}@media only screen and (min-width:768px){.mobile{display:none}.largeScreen{display:flex;font-size:18px}}@-webkit-keyframes fadeDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.largeScreen ul>li:nth-child(4){-webkit-animation-delay:1s;animation-delay:1s}.largeScreen ul>li:nth-child(3){-webkit-animation-delay:1.25s;animation-delay:1.25s}.largeScreen ul>li:nth-child(2){-webkit-animation-delay:1.5s;animation-delay:1.5s}.largeScreen ul>li:first-child{-webkit-animation-delay:1.75s;animation-delay:1.75s}.overlay{height:100%;width:0;position:fixed;z-index:100;top:0;right:0;background-color:#000;background-color:rgba(0,0,0,.9);overflow-x:hidden;-webkit-transition:.5s;transition:.5s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay .page-link{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;-webkit-transition:.3s;transition:.3s}.overlay .overlay a:hover,.overlay a:focus{color:#f1f1f1;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:var(--other-color2);text-decoration-color:var(--other-color2)}.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px;color:var(--other-color2);text-decoration:none}.overlay-content .social-container{display:flex;flex-wrap:wrap;justify-content:center}.overlay-content .social-container a{text-decoration:none}@media screen and (max-height:450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}@media only screen and (min-width:768px){.overlay{display:none}}.body{color:#75dddd;color:var(--main-color)}.App{display:block;min-height:100vh;text-align:center;background-color:#172a3a;background-color:var(--tertiary-color);padding:40px}:root{--main-color:#75dddd;--secondary-color:#508991;--tertiary-color:#172a3a;--other-color:#004346;--other-color2:#09bc8a}html{scroll-behavior:smooth}@media only screen and (min-width:768px){.App{padding:80px}}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.header{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;justify-content:center;min-height:50vh;height:auto;padding:40px 20px;background-color:var(--other-color)}.header,.header>div{display:flex;flex-direction:column}.header>div{justify-content:space-evenly;align-self:center;-webkit-animation:fadeIn .75s ease-in 0s 1;animation:fadeIn .75s ease-in 0s 1}.header .header-text-1{font-size:18px;font-weight:700;color:var(--main-color);margin:0}.header .header-text-2{color:#fff;font-size:50px;font-weight:700;margin:0}.header .header-text-3{color:grey;font-size:30px;font-weight:700;margin:0}.header .header-text-4{color:#d3d3d3;font-size:16px;font-weight:700;margin:8 0 0;text-align:start;max-width:500px}.header .contact_button{width:6rem;align-self:flex-start;text-align:center;margin-top:0}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (min-width:768px){.header{padding:20px;height:50vh}.header .header-text-1{font-size:18px}.header .header-text-2{font-size:80px}.header .header-text-3{font-size:40px}.header .header-text-4{font-size:16px}}@media only screen and (min-width:900px){.header{padding:80px}.header .header-text-4{font-size:20px}}
/*# sourceMappingURL=main.61e41508.chunk.css.map */