:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}.inner-column{margin-top:0;margin-bottom:0;margin-left:12%;margin-right:12%}.inner-column h2{text-align:center}.grid-container{display:grid;grid-template-columns:repeat(auto-fit, 400px);gap:30px;justify-content:center;padding:20px;max-width:1300px;margin:0 auto;padding-bottom:40px}@media (max-width: 1024px){.grid-container{grid-template-columns:repeat(2, 400px)}}@media (max-width: 650px){.grid-container{grid-template-columns:repeat(1, 400px)}}.project-card{text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;background-color:#111111;transition:transform 0.5s ease-in-out}@media (prefers-color-scheme: dark){.project-card{background-color:#111111}}@media (prefers-color-scheme: light){.project-card{background-color:#999}}[data-theme=dark] .project-card{background-color:#111111}[data-theme=light] .project-card{background-color:#999}.project-card a{text-decoration:none;text-align:left;font-size:0.9em}a:hover h4{text-decoration:underline}.project-card h4{margin-top:10px;font-size:1.4em;margin-bottom:2px;transition:text-decoration 0.3s ease-in-out}.project-card p{margin-top:2px;margin-bottom:4px}.project-card:hover{transform:scale(1.05);box-shadow:0px 4px 10px rgba(0,0,0,0.2)}@media (max-width: 684px){.project-card:hover{transform:scale(1)}}.project-card img{max-width:100%;height:auto;border-radius:8px}.project-tags{margin-top:2px;display:flex;flex-wrap:wrap;gap:5px;font-size:1.2em}.tag{background-color:#0073e6;color:white;padding:4px 8px;border-radius:5px;font-size:0.78em}.tag:nth-child(1){background-color:#0073e6}.tag:nth-child(2){background-color:#e67300}.tag:nth-child(3){background-color:#00b300}.tag:nth-child(4){background-color:#b300b3}.tag:nth-child(5){background-color:#ffcc00}.full-width-bg-single{width:100vw;background-color:#363636;padding:20px 0;display:flex;justify-content:center}@media (prefers-color-scheme: light){.full-width-bg-single{background-color:#e4e4e4}}[data-theme=light] .full-width-bg-single{background-color:#e4e4e4}.project-cover{display:flex;flex-direction:column;align-items:center;max-width:90%;margin:0 auto 30px;text-align:center}.project-cover-iframe-container{width:100%;max-width:800px;position:relative;overflow:hidden}.project-cover-iframe-container iframe{width:100%;height:auto;aspect-ratio:16 / 9}.content-container{width:100%;max-width:800px;padding:0 20px}.project-cover p{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.project-cover a{text-decoration:none}.project-cover button{border:2px solid #ffffff;background:transparent;min-width:130px;transition:transform 0.2s ease, border-color 0.2s ease, color 0.2s ease}@media (prefers-color-scheme: light){.project-cover button{border:2px solid #000000}}[data-theme=light] .project-cover button{border:2px solid #000000}.project-cover button:hover{transform:scale(1.1);border-color:#dd254d;color:#dd254d}.project-meta{text-align:left}.project-meta p{margin:2px 0}.meta-key{color:#ffffff;font-weight:bold}@media (prefers-color-scheme: light){.meta-key{color:#000}}[data-theme=light] .meta-key{color:#000}.meta-value{color:#dfdfdf;font-style:italic}@media (prefers-color-scheme: light){.meta-value{color:#000}}[data-theme=light] .meta-value{color:#000}.project-content{width:100%;max-width:1000px;text-align:left}@media (max-width: 768px){.content-container{padding:0 20px}.project-content{min-width:unset}.project-cover p{flex-direction:column}}

/*# sourceMappingURL=main.css.map */