.index{display:flex;flex-direction:column;align-items:center}.index .list{margin-bottom:100px}.index .project-folders{display:flex;gap:15px}.index .project-folders button{border:none;cursor:pointer;position:relative;font-size:18px;color:#854e08;text-transform:uppercase}.index .project-folders button:after{content:"";height:2px;width:0%;display:flex;position:absolute;opacity:0;background-color:#854e08;transition:all ease-in-out .3s;left:50%}.index .project-folders button:hover:after{width:100%;opacity:.2;left:0%}.index .project-folders button.selected:after{width:100%;opacity:1;left:0%}.index .project-list .project.hide{display:none}.index .content{display:flex;flex-direction:column;gap:35px;margin:45px 45px 0;color:#a15f09}.index .content h1{font-weight:200}.index .content .list{display:flex;gap:45px;flex-wrap:wrap}@media(max-width:768px){.index .content .list{flex-direction:column}}.index .content .list .item{display:flex;gap:15px;flex-direction:column;font-size:30px;font-weight:200;max-width:350px;text-decoration:none;color:inherit;overflow:hidden}@media(max-width:720px){.index .content .list .item{align-items:center}}.index .content .list .item:hover img{transform:scale(1.1)}.index .content .list .item img{height:350px;max-width:100%;transform-origin:bottom center;transition:all ease-in-out .3s}