#site-nav{z-index:1;background-color:#182029;flex-direction:column;justify-content:space-between;width:250px;height:100vh;transition:transform .4s;display:flex;position:fixed;top:0;left:0;transform:translate(-250px)}#site-nav.show{border-right:2px solid #000;transform:translate(0);box-shadow:0 0 20px #1a1a1a}#nav-container{padding:20px;overflow-y:scroll}#nav-container::-webkit-scrollbar{display:none}#nav-container.mobile{padding-top:60px}#contact-container{z-index:1;background-color:#182029;width:210px;min-width:160px;max-width:310px;padding:20px;transition:transform .4s;transform:translate(-250px)}#contact-container .social-media-link{margin-right:10px}#contact-container.show{transform:translate(0)}.nav-header-container{margin-bottom:10px}.nav-header-container .nav-content{max-height:0;transition:max-height .4s;overflow:hidden}.nav-header-container .nav-content.opened{max-height:2000px}.nav-header-container .nav-content .nav-item{border-bottom:1px solid gray;margin:10px 10px 0 20px;padding:0 10px 10px;font-size:14px}.nav-header-container .nav-header{cursor:pointer;align-items:center;font-family:Open Sans;font-size:18px;display:inline}.nav-header-container .nav-header a{color:#fff;text-decoration:none}.nav-header-container .nav-header a:visited{color:#fff}.nav-header-container .nav-header a:hover{color:#ffcb05}.nav-header-container .nav-header .nav-header-icon{margin-left:2px;margin-right:10px;transition:transform .4s}.nav-header-container .nav-header .nav-header-icon.opened{transform:rotate(90deg)}img.header{width:100%;max-width:500px}.metadata{color:#969696;font-size:12px}.project-item-container{isolation:isolate;border-radius:5px;padding:10px;position:relative}.project-item-container:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background-color:#505050;transition:opacity .2s;position:absolute;inset:0}.project-item-container:hover:before{opacity:1}.project-item-container .heading{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Open Sans;font-size:18px;display:-webkit-box;overflow:hidden}.project-item-container .title{position:relative}.project-item-container .title .heading{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Open Sans;font-size:18px;display:-webkit-box;overflow:hidden}.project-item-container .title .subheading{color:#969696;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:16px;display:-webkit-box;overflow:hidden}.project-item-container .title .subheading.tags{line-clamp:1;-webkit-line-clamp:1;font-size:12px;position:absolute;bottom:0}.project-item{flex-flow:row;justify-content:space-between;display:flex;overflow:hidden}.project-item .project-preview{display:flex}.date{color:#969696;font-size:12px}.thumbnail{object-fit:cover;margin-right:10px}.thumbnail.mobile{width:100%;margin-right:0}.table-of-contents-container h3{margin-bottom:0}.table-of-contents-container .contents h3{margin-top:0}.table-of-contents-container .contents{background-color:#1e1e1e;border-radius:5px;margin:5px 0;padding:10px 10px 5px}.table-of-contents-container .subheadings{margin-left:15px}.table-of-contents-container .subheadings h4{margin:0;font-size:14px}.table-of-contents-container .subheadings:last-child{margin-bottom:5px}.img-paragraph{flex-direction:row;display:flex}.left-img{object-fit:cover;border:2px solid #182029;border-radius:5px;width:30%;max-width:300px;max-height:300px;margin-right:10px}div.center-img{text-align:center}div.center-img img{max-width:300px}#home{padding:80px 50px 0}#profile{border:2px solid #ffcb05;border-radius:200px;width:200px;height:200px}#profiles{justify-content:space-evenly;align-items:center;display:flex}.profile-cl{height:100px;padding:50px}@media screen and (width>=0) and (width<=1000px){.profile-cl{display:none}}#home-flex{justify-content:space-evenly;display:flex}@media screen and (width>=0) and (width<=1000px){#home-flex{display:block}}#home-flex .home-flex-item{flex-grow:1}#site-content{height:100vh;padding:10px 20px 20px 270px}#site-content.mobile{padding-top:70px;padding-left:20px}#site-header{z-index:2;background-color:#182029;align-items:center;width:100%;height:60px;padding-left:20px;display:none;position:fixed}#site-header.mobile{display:flex}.burger{transition:transform .6s}.burger.rotate{transform:rotate(90deg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#282828;margin:0;font-family:Open Sans,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px}h1,h2,h3,h4{margin-top:5px;margin-bottom:20px;font-family:Open Sans}p{margin-top:0;margin-bottom:10px;font-size:16px}div.separator{border-bottom:3px solid #ffcb05;width:100px;margin-bottom:10px;padding:0}div.separator.full-width{width:100%}div.separator.maize{border-color:#ffcb05}div.separator.blue{border-color:#182029}a{color:#ffcb05}a.no-underline{text-decoration:none}a.bare{color:inherit;text-decoration:none}a.hover{color:#fff}a.hover:hover{color:#ffcb05}.icon-link{cursor:pointer;color:#fff}.icon-link:hover{color:#ffcb05}.flexbox-row{flex-direction:row;width:100%;display:flex}.flexbox-row .col-50{width:50%}.flexbox-row .col-33{width:33%}.flexbox-row .col-67{width:67%}.flexbox-row .col-25{width:25%}.flexbox-row .col-75{width:75%}.flexbox-row .vert-center{align-items:center}.flexbox-row .horiz-center{justify-content:center}.left{text-align:left}.right{text-align:right}.center{text-align:center}.center-div{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.center-div.full-page{height:100%}