.container{display:grid;min-height:100vh;grid-template-columns:200px minmax(340px,1280px);grid-gap:20px;gap:20px;grid-template-areas:"aside main"}.home-grid{display:grid;grid-template-columns:minmax(514px,1280px);grid-template-rows:80px;grid-gap:20px;gap:20px;grid-template-areas:"main-header" "home-text"}.project-grid{display:grid;grid-template-columns:minmax(550px,1280px);grid-template-rows:minmax(80px,95px);grid-gap:20px;gap:20px;grid-template-areas:"project-header" "project-wrapper"}.project-gallery-grid{display:grid;grid-template-columns:minmax(340px,1280px);grid-template-rows:80px;grid-row-gap:20px;row-gap:20px;grid-template-areas:"project-gallery-header" "project-gallery"}html{height:100%}body{color:#fff;font-family:"Open Sans",sans-serif;font-size:24px;line-height:normal;margin:20px;background-image:url(/static/media/background.5b504be9.jpg);background-size:cover;background-attachment:fixed;background-position:100% 70%}aside{grid-area:aside}main{grid-area:main;display:flex}p{margin:0 0 1em;line-height:normal}a{text-decoration:none;color:#fff}h1{text-shadow:0 4px 4px rgba(0,0,0,.25);font-family:Arima Madurai;font-size:42px;font-weight:400;line-height:1em;margin:0}@-webkit-keyframes menuin{0%{visibility:hidden;height:0}50%{max-height:150px;visibility:hidden}99%{max-height:300px;visibility:hidden}}@-webkit-keyframes menuout{0%{visibility:hidden;max-height:300px}50%{max-height:150px}}.screenshot-modal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:fixed;inset:0;background-color:rgba(0,0,0,.5)}.screenshot-modal img{min-width:10vw;max-height:80%}.main-header{grid-area:main-header;justify-content:center;align-content:center;max-width:920px}.home-text-container,.main-header{display:flex;flex-wrap:wrap;background:rgba(24,55,87,.79);min-width:400px}.home-text-container{grid-area:home-text;align-items:baseline;max-width:870px;padding:20px 25px}.home-text-container a{text-decoration:underline}.home-text-container a:hover{text-decoration:none}.right-sidebar{width:340px}.right-sidebar-links-container{display:flex;flex-wrap:wrap;justify-content:space-around;width:340px;padding-top:0;margin-bottom:20px}.right-sidebar-links-container a{flex-wrap:wrap;font-size:18px;border:1px solid #fff;border-radius:15px;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:2px 0;width:140px;height:33px}.right-sidebar-links-container a,.right-sidebar-screenshots-container{display:flex;justify-content:center;align-items:center;background:rgba(24,55,87,.79)}.right-sidebar-screenshots-container{flex-wrap:wrap;padding:20px 0;grid-gap:20px;gap:20px;flex:1 1}.slide-enter-active,.slide-exit-active{transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease}.slide-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.slide-enter.slide-enter-active,.slide-exit{-webkit-transform:translateY(0);transform:translateY(0)}.slide-exit{position:absolute;top:0;margin-right:20px}.slide-exit-active{-webkit-transform:translateY(-100%);transform:translateY(-100%)}@keyframes menuin{0%{visibility:hidden;height:0}50%{max-height:150px;visibility:hidden}99%{max-height:300px;visibility:hidden}}@keyframes menuout{0%{visibility:hidden;max-height:300px}50%{max-height:150px}}aside{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;align-content:center;font-family:"Roboto",sans-serif;font-size:28px;width:200px;height:100%;font-weight:400;text-shadow:0 4px 4px rgba(0,0,0,.25);background:rgba(24,55,87,.79);padding-bottom:20px}aside ul{margin:0;padding:0;list-style:none}.left-sidebar-headshot{margin:20px 20px 10px}.left-sidebar-text-container{text-align:center;margin:0}.left-sidebar-text-container a,.left-sidebar-text-container p{font-size:18px;margin:0}.left-sidebar-text-container h2{font-size:25px;font-weight:inherit;margin:0}.left-sidebar-text-container h3{font-size:18px;font-style:italic;font-weight:inherit;margin:0;padding-bottom:20px}.left-sidebar-text-container h4{font-size:18px;text-decoration:underline;font-weight:inherit;line-height:2em;margin:0;padding-top:20px}.left-sidebar-nav{flex-direction:column;border-bottom:1px solid hsla(0,0%,100%,.5)}.left-sidebar-nav,.left-sidebar-nav a{display:flex;flex-wrap:wrap;align-items:center}.left-sidebar-nav a{justify-content:center;height:51px;width:200px;border-top:1px solid hsla(0,0%,100%,.5)}.left-sidebar-nav a:hover{transition:all .4s ease;background-color:#fff;color:#262e31;border-top:1px solid #262e31}.left-sidebar-nav-sub-visible{-webkit-animation:menuin .6s linear;animation:menuin .6s linear;display:flex;flex-wrap:wrap;border:none;visibility:visible}.left-sidebar-nav-sub-visible a{display:flex;flex-wrap:wrap;justify-content:flex-start;border-top:1px solid transparent;font-size:18px;height:30px;width:190px;padding-left:10px}.left-sidebar-nav-sub-visible a:before{content:"\003E";display:inline;padding-right:5px}.left-sidebar-nav-sub-invisible{-webkit-animation:menuout .6s linear;animation:menuout .6s linear;border:none;max-height:0;visibility:hidden}.left-sidebar-nav .selected{background-color:#fff;color:#262e31;border-top:1px solid #262e31}.project-gallery-header{grid-area:project-gallery-header;align-content:center;max-width:100%;grid-gap:20px;gap:20px;align-items:center}.project-gallery,.project-gallery-header{display:flex;flex-wrap:wrap;background:rgba(24,55,87,.79);justify-content:center}.project-gallery{grid-area:project-gallery;align-items:baseline;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-gap:25px;gap:25px;padding:25px}.project-gallery-project-container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;width:300px}.project-gallery-project-container h2{font-size:inherit;font-weight:400;line-height:1em;margin-top:0;text-align:center;padding-bottom:20px}.project-gallery-project-container img{width:300px;padding-bottom:5px}.project-header{grid-area:project-header;align-items:center;background:rgba(24,55,87,.79);max-width:1280px;text-align:center}.main-project,.project-header{display:flex;flex-wrap:wrap;justify-content:center;min-width:575px}.main-project{grid-area:project-wrapper;max-width:1300px;grid-gap:20px;gap:20px}.main-project-text-box{background:rgba(24,55,87,.79);padding:20px 20px 0;min-width:400px;max-width:880px;margin:0;flex:1 1}.main-project-text-box a{text-decoration:underline}.main-project-text-box h3{text-decoration:underline;font-size:inherit;font-weight:inherit}.main-project-technology{display:flex;flex-wrap:wrap;grid-area:tech;width:100%;grid-gap:20px;gap:20px}.main-project-technology-container{display:flex;flex-direction:column;flex-wrap:wrap;background:rgba(24,55,87,.79);min-width:514px;height:150px;padding:20px;flex:1 1}.main-project-technology-container-box{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0;height:140px;max-width:1280px;background:hsla(0,0%,100%,.2);border:1px solid #fff;padding-top:10px}.main-project-technology-container-box h3{font-size:24px;text-decoration:underline;text-shadow:0 4px 4px rgba(0,0,0,.25);font-weight:400;padding-bottom:10px;margin:0}.main-project-technology-container-box-logo-container{display:flex;flex-wrap:wrap;align-items:center}.skills-text-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:baseline;min-width:400px;max-width:875px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:rgba(24,55,87,.79);padding:20px 20px 50px 25px;flex:1 1}.skills-text-container h3{font-size:inherit;font-weight:400;text-decoration:underline;line-height:1em;margin-bottom:5px}.skills-text-container ul{margin:0}.contact-container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:baseline;min-width:400px;max-width:875px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:rgba(24,55,87,.79);padding:50px 20px 50px 25px;flex:1 1}.contact-container h3{padding:0;margin:0;font-weight:400;text-decoration:underline}.contact-container a:hover{color:#87cefa}.ui.form{min-width:340px;max-width:500px;border:1px solid #d3d3d3;border-radius:10px;padding:20px;font-size:1rem;position:relative;margin-left:20px}.ui.form .field{clear:both;margin:0 0 1em;width:auto}.ui.form .field label{color:#fff;font-weight:500}.ui.form textarea{font-family:"Open Sans",sans-serif;text-indent:5px;padding:0;border:none;height:250px}.ui.green.button{background-color:#198f35;color:#fff;box-sizing:content-box;padding:11px 21px;border-radius:4px;border-color:#fff;border-width:0}.ui.green.button:hover{background-color:#16ab39}.resume-header{justify-content:center;align-content:center;width:1280px}.resume-header,.resume-text-container{display:flex;flex-wrap:wrap;background:rgba(24,55,87,.79)}.resume-text-container{flex-direction:column;align-items:center;width:1240px;padding:25px 20px 50px}.resume-text-container a{padding-bottom:20px}
/*# sourceMappingURL=main.216bff6f.chunk.css.map */