@import url(https://fonts.googleapis.com/css2?family=Monoton&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e8eaed;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}main{grid-template-columns:20% 80%;padding:1em}main,nav{display:grid}nav{background-color:#04724d;box-shadow:3px 3px 3px #d3d3d3;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:8vh;padding:0;width:100%}nav .logo-box{text-decoration:none;width:5%}nav .logo-box img{width:100%}nav .logo-box .logo-text{color:#fff;font-family:Monoton,cursive;font-size:3em;margin:0;padding-left:15%}main{background-color:#eaeaea}#main{grid-gap:1em;display:grid;grid-template-columns:20% 80%;height:70%;margin:5% auto 0;width:90%}@media only screen and (max-width:1110px){#main{grid-template-columns:25% 75%}}@media only screen and (max-width:1000px){#main{grid-template-columns:1fr;height:85%;width:90%}}#root,body,html{height:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:1em}.center-text{text-align:center}.layout{background-color:#fff;border-radius:.25em;box-shadow:0 3px 8px rgba(0,0,0,.24);height:100%;overflow-x:hidden;overflow-y:scroll;width:100%}@media only screen and (max-width:1000px){.layout{overflow-y:visible}}#bio{display:grid;grid-template-columns:40% 60%;height:100%;padding:1em}#bio .pic{justify-self:start;text-align:center}#bio .pic h2,#bio .pic h3{margin:0}#bio .pic img{background-color:#eaeaea;border-radius:.25em;padding:.5em;width:50%}#bio .bio-content{grid-column:2/3;margin-top:5%}#bio .text{align-self:end;grid-column:2/3;justify-self:start}#bio .text p{font-size:1.25em}#bio .links{grid-column:2/3;justify-self:center;margin:0 auto;width:50%}#bio .links a{margin:1em}@media only screen and (max-width:1000px){#bio{grid-template-columns:1fr;padding:.5em 0}#bio .pic{width:100%}#bio .pic img{width:35%}#bio .bio-content{grid-column:1/2;grid-row:2/3;justify-self:center;width:90%}#bio .links{display:grid;grid-template-columns:1fr 1fr;width:75%}#bio .links a:first-of-type{justify-self:end}}#projects h1{margin:0 auto;width:90%}#skills h1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}#skills ul{display:grid;grid-template-columns:1fr 1fr 1fr;margin:1em auto;padding:0;text-align:center}@media only screen and (max-width:650px){#skills ul{grid-template-columns:1fr 1fr}}#skills li{background-color:#3a435e;border:2px solid #3a435e;border-radius:.5em;color:#fff;height:25px;list-style:none;margin:.25em;padding:.5em;width:50%}@media only screen and (max-width:1030px){#skills li{width:120px}}#skills .skills{margin:0 auto;width:70%}@media only screen and (max-width:400px){#skills .skills{margin-left:1em}}#experience .experience-section:nth-of-type(2n){grid-template-columns:80% 20%}#experience .experience-section:nth-of-type(2n) .description{margin-left:1em}#experience .experience-section:nth-of-type(2n) img{justify-self:end}@media only screen and (max-width:800px){#experience .experience-section:nth-of-type(2n){grid-template-columns:1fr}#experience .experience-section:nth-of-type(2n) img{grid-row:1/2;justify-self:start;width:20%}}#experience .experience-section{background-color:#eaeaea;border-radius:.25em;display:grid;grid-template-columns:20% 80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:.5em auto;width:90%}#experience .experience-section img{align-self:center;background-color:#fff;border-radius:.25em;margin:.25em;padding:.25em;width:80%}#experience .experience-section h2,#experience .experience-section h3{margin:0}#experience .experience-section .description{align-self:start;margin-top:.25em}@media only screen and (max-width:800px){#experience .experience-section{grid-template-columns:1fr}#experience .experience-section img{width:20%}}.side-nav{background-color:#fff;border-radius:.25em;box-shadow:0 3px 8px rgba(0,0,0,.24);display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;max-height:520px;padding:1em 0;width:100%}.side-nav ul{align-self:center;font-size:2em;list-style:none;margin:0;padding:0}.side-nav ul li:hover{background-color:rgba(0,0,0,.24)}.side-nav ul li a{color:#3a435e;display:block;padding-left:7px;text-decoration:none}.side-nav ul li a.active{border-left:5px solid #3a435e;border-radius:.1em;padding:0 0 0 2px}.side-nav ul li #menu{display:none}@media only screen and (max-width:1000px){.side-nav ul{display:grid}.side-nav ul li{display:none}.side-nav ul li #menu{align-self:center;color:#3a435e;display:none;justify-self:end;padding-right:1em}.side-nav ul li:hover{background-color:#fff}.side-nav ul li.active{display:grid;grid-template-columns:80% 20%}.side-nav ul li.active a{display:inline}.side-nav ul li.active #menu{display:block}.side-nav ul.display{-webkit-animation:grow 1s;animation:grow 1s;-webkit-animation-direction:alternate;animation-direction:alternate}.side-nav ul.display li{display:block}.side-nav ul.display li:first-of-type{display:grid;grid-template-columns:80% 20%}.side-nav ul.display li:first-of-type #menu,.side-nav ul.display li:first-of-type.active #menu{display:block}.side-nav ul.display li.active{display:grid}.side-nav ul.display li.active #menu{display:none}}@-webkit-keyframes grow{0%{max-height:43px}to{max-height:1000px}}@keyframes grow{0%{max-height:43px}to{max-height:1000px}}.card{border-radius:.25em;box-shadow:0 3px 8px rgba(0,0,0,.24);display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:1em;overflow:hidden;width:95%}.card h2{margin:0}.card img{width:100%}.card .card-content{padding:1em}.card .links{display:flex;flex-wrap:wrap}.card a{background-color:#3a435e;border:1px solid #3a435e;border-radius:.25em;color:#fff;margin:.25em;padding:.25em;text-decoration:none;transition:all .25s}.card a:hover{background-color:#fff;color:#3a435e}.card-container{display:flex;flex-wrap:wrap;padding:1em;width:100%}.column{flex:1 1;flex-direction:column}
/*# sourceMappingURL=main.a97c6838.css.map*/