@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--platinum:#eef0f2;--pale-slate:#c6cace;--jet-black:#1f262f;--ink-black:#10131a;--bright-teal-blue:#027bce;--font-primary:Poppins,sans-serif;--tc-primary:var(--platinum);--tc-secondary:var(--pale-slate);--bg-main:var(--jet-black);--bg-footer:var(--ink-black);--bg-item:var(--ink-black);--bg-source:var(--bright-teal-blue);--bg-loading:var(--ink-black);--border-hr:var(--platinum);--border-loading-animation:var(--bright-teal-blue);--shadow-source:#027bce66}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-primary)}main{background:var(--bg-main);width:100%}footer{background:var(--bg-footer);width:100%}hr{border-color:var(--border-hr);border-style:solid;margin:20px auto}a:hover{opacity:.6}.container{width:100%;max-width:clamp(420px,80vw,860px);padding:clamp(20px,3vw,30px) 20px;margin:0 auto}.project-collection{width:100%;min-height:100vh}.project-collection__title{color:var(--tc-primary);font-size:2rem;text-align:center;margin-bottom:10px}.project-collection__desc{color:var(--tc-secondary);font-size:1.2rem;text-align:justify}.project-collection__desc span{display:block;margin-bottom:10px}.project-collection__project-list{width:100%;display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.project-collection__project-item{background:var(--bg-item);width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding:10px;border-radius:5px}.project-collection__project-image{width:100%;height:auto;display:block;border-radius:5px}.project-collection__project-name{color:var(--tc-primary);font-size:1.2rem;text-align:center}.project-collection__project-source-group{width:100%;display:flex;flex-wrap:nowrap;gap:10px}.project-collection__project-source{background:var(--bg-source);color:var(--tc-primary);font-weight:600;text-align:center;text-decoration:none;width:100%;padding:5px;border-radius:5px;border:none;outline:none}.project-collection__project-source:focus{box-shadow:0 0 0 4px var(--shadow-source)}.footer__message{font-size:1.2rem;text-align:center}.footer__message span{color:var(--tc-secondary);font-weight:500}.footer__message a{color:var(--tc-primary);border:none;outline:none}.loading{background:var(--bg-loading);width:100%;height:100vh;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;position:fixed;inset:0;z-index:100}.loading__animation{width:40px;height:40px;border-radius:50%;border:4px solid var(--border-loading-animation);border-right-color:transparent;animation:loading 2s linear infinite}.loading__message{color:var(--tc-primary);font-size:1.6rem;font-weight:600;text-align:center}@keyframes loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (min-width: 768px){.project-collection__project-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.project-collection__project-list{grid-template-columns:repeat(3,1fr)}}