.page-header{position:relative}.page-header .page-header__back-button{position:absolute;top:1.2rem;left:2rem;z-index:1;font-size:2.6rem;color:var(--text-900);transition:color .2s ease-in-out}.page-header .page-header__back-button svg{transition:all .2s ease-in-out;padding:.2rem;border-radius:50%}.page-header .page-header__back-button svg:hover{background-color:var(--primary-500);color:var(--background-100)}.page-header .page-header__text-wrapper{display:flex;flex-direction:column;gap:.5rem}.page-header .page-header__text-wrapper .page-header__title{font-size:2.4rem;font-weight:500;color:var(--text-900);display:flex;align-items:center;gap:.5rem}.page-header .page-header__text-wrapper .page-header__title img{width:50px;height:auto}.glacss-header{background-repeat:no-repeat;background-size:cover;background-position:50%}.project-page{display:flex;flex-direction:column}.project-page h5{font-size:1.2rem;font-weight:500;color:var(--background-600)}.project-page .project-content{display:flex;flex-direction:column}.project-page .project-content p{font-size:1.2rem}.project-page .project-content .project-screenshot{object-fit:cover;width:100%;max-width:500px;height:auto}.project-page .project-info{display:flex}.project-page .project-info .image-wrapper{display:flex;flex-direction:column;gap:.5rem;flex:1 1}.project-page .project-info .image-wrapper img{width:150px;height:150px;object-fit:contain}.project-page .project-info .info-wrapper{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;flex:1 1}.project-page .project-info .info-wrapper .made-by ul{list-style:none}.project-page .project-info .info-wrapper .made-by ul li a{text-decoration:none;color:inherit}.project-page .project-info .info-wrapper .made-by ul li a:hover{text-decoration:underline}.project-page .project-info .info-wrapper .techniques{display:flex;flex-wrap:wrap;gap:.5rem;font-size:2rem;color:var(--text-700)}.project-page .project-info .info-wrapper .techniques ul{list-style:none;display:flex;gap:.5rem}.project-page .project-info .info-wrapper .techniques ul li{position:relative}.project-page .project-info .info-wrapper .techniques ul li:after{content:attr(data-name);position:absolute;bottom:115%;left:50%;transform:translateX(-50%);background-color:var(--primary-300);box-shadow:0 0 10px rgba(0,0,0,.2);padding:.2rem .4rem;border-radius:5px;font-size:1.5rem;visibility:hidden;opacity:0;transition:all .2s ease}.project-page .project-info .info-wrapper .techniques ul li:hover:after{visibility:visible;opacity:1}.project-page .project-info .info-wrapper .live-link{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;text-decoration:none;color:var(--text-900)}.project-page .project-info .info-wrapper .live-link svg{transform-origin:bottom left;transition:scale .2s ease-in-out}.project-page .project-info .info-wrapper .live-link:hover{color:var(--primary-500);font-style:italic}.project-page .project-info .info-wrapper .live-link:hover svg{scale:1.1}