*{font-family:'Montserrat', sans-serif;font-weight:400;color:#262322;margin:0px}* h1{font-weight:700}* h2{font-weight:600}* ul{list-style-type:none;padding:1px}* ul li{margin:10px 0}.static{position:absolute;background:white}.static:hover{opacity:0}.page-container{display:flex;align-items:center;flex-direction:column;margin:auto}.project-and-posts{display:flex;flex-direction:row;justify-content:center}.content-container{display:flex;flex-direction:column;width:80%;margin-right:5px}.posts-container{padding-left:12px;display:flex;flex-direction:column;width:30%;border-left:dashed 2px #b4ecfc;margin:20px 0}.TB-span{color:#ffa552}.project-content{width:70%;display:flex;flex-direction:column;justify-content:center;margin-right:10px}.project-content p img[alt=e-atv]{width:100%}.new-nav-container{display:flex;flex-direction:row-reverse}.nav-title{display:flex}.nav-title:hover+.nav-top-layer{visibility:visible;opacity:1}.nav-top-layer{display:flex;visibility:hidden;opacity:0;transition:visibility .05s, opacity .3s linear}.nav-top-layer:hover{visibility:visible;opacity:1}.portfolio-container{display:flex;flex-flow:row}.post-container{align-items:flex-start;margin-left:40px}.nav-item{display:flex;width:90px;height:40px;align-items:center;border-radius:10px 10px 0 0;border-bottom:2px solid #acb7a7;margin:1px 10px;text-decoration:#000}.nav-item:hover{border-bottom:3px solid #acb7a7;text-decoration:#000}.nav-item.active{border-bottom:4px solid #667761}.nav-item-text{text-align:center;width:100%;color:#262322}.nav-container{display:flex}.header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;width:100%;height:100px;max-width:1000px}.explore-container{display:flex;flex-flow:column}.separator{margin:2px 0px;border:2px;background:#e4e4e4;height:1px;display:none}.active-projects-list{display:flex;flex-direction:column;width:80%}.topic{padding-left:16px;display:flex;margin:5px;height:60px;align-items:center;text-decoration:none;color:black;-webkit-transition:border-left .3s linear;-ms-transition:border-left .3s linear;transition:border-left .3s linear;border-left:0px solid #ffa552;font-size:16px}.topic:hover{border-left:10px solid #ffa552}.topic.dormant{height:80px;width:80px;font-size:12px;flex:0 1 calc(15% - 8px)}@-webkit-keyframes wobble-vertical-on-hover{16.65%{-webkit-transform:translateY(5px);transform:translateY(5px)}33.3%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}49.95%{-webkit-transform:translateY(2px);transform:translateY(2px)}66.6%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wobble-vertical-on-hover{16.65%{-webkit-transform:translateY(5px);transform:translateY(5px)}33.3%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}49.95%{-webkit-transform:translateY(2px);transform:translateY(2px)}66.6%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.wobble-vertical-on-hover{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.wobble-vertical-on-hover:hover,.wobble-vertical-on-hover:focus,.wobble-vertical-on-hover:active{-webkit-animation-name:wobble-vertical-on-hover;animation-name:wobble-vertical-on-hover;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}