.page-module__4ccqhG__page{width:100%;margin-top:3rem}.page-module__4ccqhG__page h1{width:min(80%, fit-content);text-align:center;margin:2rem auto .5rem}.page-module__4ccqhG__page ul{height:calc(90vh - 9rem);overflow-y:auto}.page-module__4ccqhG__page ul::-webkit-scrollbar{width:.5rem}.page-module__4ccqhG__page ul::-webkit-scrollbar-thumb{background-color:#444;border-radius:.25rem}.page-module__4ccqhG__header a{color:#007fff;width:fit-content;margin:auto;display:block}.page-module__4ccqhG__header a:hover{color:#0af;text-decoration:underline}.page-module__4ccqhG__project{cursor:pointer;width:min(90%,50rem);height:fit-content;transition-duration:var(--default-transition-duration);background-color:#121212;border:.2rem solid #888;border-radius:1rem;grid-template-columns:auto 1fr;gap:1rem;margin:2rem auto;padding:1rem;display:grid}@media (max-width:767px){.page-module__4ccqhG__page ul::-webkit-scrollbar{width:0}.page-module__4ccqhG__project{flex-direction:column;display:flex}.page-module__4ccqhG__project img{margin:1rem auto}.page-module__4ccqhG__project h2{text-align:center}}.page-module__4ccqhG__project:hover{background-color:#242424;border-color:#88f}.page-module__4ccqhG__project:hover p{color:#ccc}.page-module__4ccqhG__project img{align-self:center;width:6rem;height:6rem}.page-module__4ccqhG__project h2{margin:.5rem 0;font-size:1.5rem}.page-module__4ccqhG__project p{color:#888;text-indent:.5rem;overflow-wrap:break-word;margin:.35rem 0;font-size:1rem}.page-module__4ccqhG__project p.page-module__4ccqhG__link{text-indent:.5rem;margin:1rem 0 0;font-size:1rem}.page-module__4ccqhG__project p.page-module__4ccqhG__link span{color:#7e7eff;text-decoration:underline}