html{font-family:Roboto,sans-serif;font-size:16px;background-color:#000}h1{color:#fff}h2,h3{text-align:center}p{padding:0 1rem}.main-content{position:relative;top:5.3125rem;margin-bottom:8rem}.project{background-color:#69d1fd}.project,.section{padding:4rem 0;margin:2rem}.section{background-color:#888}.center{text-align:center}.button{border-radius:4px;background-color:#888;color:#fff}.image-container{overflow:hidden}.image-container img{display:block;max-width:100%}header{top:0;position:fixed;z-index:100;width:100%;border-bottom:1px solid #c6c1c1;background-color:red}header .content{display:flex;align-items:center;padding:.5rem}header .logo{flex:1 1;padding:1rem}header nav ul{display:flex}nav li{padding-left:3.5rem}nav a{vertical-align:bottom;line-height:1.6;font-size:1rem;color:#4a4a4a;margin:1rem}nav .button{padding:.1875rem .5rem;background-color:#9dc20b;line-height:1.6;color:#fff}nav li:last-child{display:none}header .icon{width:1rem;padding-left:.75rem}header .mobile{display:none}@media only screen and (max-width:600px){header .desktop{display:none}header .mobile{display:block;width:100%}header .content{padding:.5rem 0}header .mobile ul{display:flex;justify-content:space-around;align-items:center;width:100%}header .mobile li{padding:0}}#aboutMe-section{padding:4rem 0;background-color:#888;margin:2rem}#aboutMe-section .content{padding:0 .625rem;margin-bottom:5rem}#aboutMe-section .content h2{font-size:2.25rem;font-weight:700;color:#fff}#aboutMe-section .content h3{font-size:1rem;line-height:1.4;font-weight:300;color:#fff}#aboutMe-section .images-container{align-items:top;display:flex;max-width:100%;padding-right:10%;padding-left:10%;border-top:2px solid #fff}#aboutMe-section .image-container{margin:3rem 1rem;min-width:25%}#aboutMe-section .text-container{margin:3rem 1rem;min-width:75%}@media only screen and (max-width:600px){#aboutMe-section{padding:1.5rem 0 0}#aboutMe-section .content{margin-bottom:1rem}#aboutMe-section .content h2{padding-bottom:.625rem;font-size:1.125rem;line-height:1.3;font-weight:400}#aboutMe-section .content h3{font-size:.875rem;line-height:1.4;padding:2rem}#aboutMe-section .images-container{padding:1rem;display:block}#aboutMe-section .extra{display:none}}#research-section .content{padding:0 .625rem;margin-bottom:5rem}#research-section .content h2{font-size:2.25rem;font-weight:700;color:#fff}#research-section .content h3{font-size:1rem;line-height:1.4;font-weight:300;color:#fff;padding:2rem}#research-section .images-container{align-items:top;display:flex;max-width:100%;padding-right:10%;padding-left:10%;border-top:2px solid #fff}#research-section .image-container{margin:3rem 1rem;min-width:30%}#research-section .text-container{margin:3rem 1rem;min-width:70%}@media only screen and (max-width:600px){#research-section{padding:1.5rem 0 0}#research-section .content{margin-bottom:1rem}#research-section .content h2{padding-bottom:.625rem;font-size:1.125rem;line-height:1.3;font-weight:400}#research-section .content h3{font-size:.875rem;line-height:1.4}#research-section .images-container{padding:1rem;display:block}#research-section .image-container{margin:3rem 1rem}#research-section .text-container{margin:3rem 1rem;width:100%}#research-section .extra{display:none}}#projects-section .content{padding:0 .625rem;margin-bottom:5rem}#projects-section .content h2{font-size:2.25rem;font-weight:700;color:#fff}#projects-section .content h3{font-size:1rem;line-height:1.4;font-weight:300;color:#fff;padding:2rem}#projects-section .images-container{padding-right:10%;padding-left:10%}#projects-section .doc-container,#projects-section .images-container{align-items:top;display:flex;max-width:100%;border-top:2px solid #fff}#projects-section .doc-container{padding:10%}#projects-section .textbox-container{text-align:center;max-width:100%;border-top:2px solid #fff}#projects-section .comment-container{text-align:left;display:flex;border-bottom:1px solid #000}#projects-section .image-container{margin:3rem 1rem;min-width:30%}#projects-section .text-container{margin:3rem 1rem;min-width:70%}@media only screen and (max-width:600px){#projects-section{padding:1.5rem 0 0}#projects-section .content{margin-bottom:1rem}#projects-section .content h2{padding-bottom:.625rem;font-size:1.125rem;line-height:1.3;font-weight:400}#projects-section .content h3{font-size:.875rem;line-height:1.4}#projects-section .images-container{padding:1rem;display:block}#projects-section .image-container{margin:3rem 1rem}#projects-section .text-container{margin:3rem 1rem;width:100%}#projects-section .extra{display:none}}#resume-section{padding:4rem 0;background-color:#888;margin:2rem}#resume-section .content{padding:0 .625rem;margin-bottom:5rem}#resume-section .content h2{font-size:2.25rem;font-weight:700;color:#fff}#resume-section .content h3{font-size:1rem;line-height:1.4;font-weight:300;color:#fff;padding:2rem}#resume-section .images-container{align-items:top;display:flex;max-width:100%;padding:0 1%}#resume-section .image-container{margin:1rem 4rem}@media only screen and (max-width:600px){#resume-section{padding:1.5rem 0 0}#resume-section .content{margin-bottom:1rem}#resume-section .content h2{padding-bottom:.625rem;font-size:1.125rem;line-height:1.3;font-weight:400}#resume-section .content h3{font-size:.875rem;line-height:1.4}#resume-section .images-container{padding:0}#resume-section .extra{display:none}}