.primary-btn,.project-description .links a.project-link{background-color:var(--primary);transition:background .3s}#cta,.notice{max-width:1024px}.primary-btn,footer{text-align:center;font-size:1rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--reg:"JetBrains Mono Regular",monospace,sans-serif;--bold:"JetBrains Mono Bold",monospace,sans-serif;--border:1px solid #4b4b4b;--primary:#f3be00;--primary-hover:#c59a00;--on-primary:#000;--overlay:#212121}@font-face{font-family:"JetBrains Mono Regular";src:url("../../assets/fonts/JetBrainsMono-Regular.woff2") format("woff2")}@font-face{font-family:"JetBrains Mono Bold";src:url("../../assets/fonts/JetBrainsMono-Bold.woff2") format("woff2")}body{color:#f1f1f1;background-color:#121212;font-family:var(--reg)}.primary-btn{display:inline-block;padding:8px 24px;border:none;outline:0;border-radius:8px;font-family:var(--bold);cursor:pointer;color:var(--on-primary);text-decoration:none}.primary-btn:hover,.project-description .links a.project-link:hover{background-color:var(--primary-hover)}.blur{width:150px;height:150px;border-radius:100px;filter:blur(6rem);background-color:var(--primary);position:absolute;top:0;left:50%;transform:translate(-50%,0);z-index:-1}.skill-tag,footer{background-color:var(--overlay)}.section-title{font-size:clamp(1.8rem, 2.5vw, 3rem);text-align:center;line-height:1.6rem;margin:4rem 0}#work{padding:0 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:32px}.projects{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.skill-tags{margin:16px 0;display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:4px 12px;border-radius:8px;color:var(--primary);text-decoration:none;transition:color .3s}#cta p,.notice{font-size:2rem;padding:24px}.skill-tag:hover{color:var(--primary-hover)}.project-description-text p{margin:8px 0}.notice{text-align:center;margin:32px 24px;background:var(--overlay);border-radius:8px;border:1px solid var(--primary)}#cta{margin:32px auto;width:100%;position:relative}footer{padding:16px}@media screen and (min-width:768px){.projects{align-items:flex-start;justify-content:center}}@media screen and (min-width:1024px){#work,.notice{margin:32px auto}#work{max-width:1024px}.projects{gap:32px}}