.pill,.title{font-family:Jura,Arial,sans-serif}.pill,.socials a{box-shadow:0 2px 8px #000a;color:#fff}.pill:focus,.pill:hover,.socials a:hover{background:#fff;color:#111}.background,.modal,body,html{width:100vw;height:100vh}.close,.pill{cursor:pointer}#message,.socials a,.title{text-align:center}@font-face{font-family:Jura;src:url('/assets/fonts/JuraDemiBold.ttf') format('truetype');font-weight:700;font-style:normal}@font-face{font-family:Jura;src:url('/assets/fonts/JuraBook.ttf') format('truetype');font-weight:400;font-style:normal}body,html{margin:0;padding:0;overflow:hidden;background:#000}.background{position:fixed;top:0;left:0;right:0;bottom:0;object-fit:cover;z-index:0;filter:blur(8px) brightness(.7);transition:background-image .5s}.title{position:absolute;top:3vw;left:50%;transform:translateX(-50%);font-size:7vw;font-weight:700;color:#fff;text-shadow:3px 3px 0 #000,-3px 3px 0 #000,3px -3px 0 #000,-3px -3px 0 #000,0 3px 0 #000,3px 0 0 #000,0 -3px 0 #000,-3px 0 0 #000;z-index:2;letter-spacing:8px}.buttons,.socials{position:absolute;left:50%;transform:translate(-50%,0);display:flex;gap:2vw;z-index:2}#message,.pill,.project-title{font-weight:700;letter-spacing:1px}.socials{top:15vw}.socials a{font-size:1.2vw;background:rgba(0,0,0,.5);border-radius:50%;padding:.4vw;transition:background .2s,color .2s,transform .2s;border:2px solid #000}.buttons{top:25vw}.pill{background:#111;border:2px solid #fff;border-radius:999px;padding:.3em 1.5em;font-size:1.2em;outline:0;transition:background .2s,color .2s,border .2s,transform .1s;margin:80px 0 .5em}.modal,.modal-content{padding:0;display:flex}.pill:focus,.pill:hover{border:2px solid #111;transform:scale(1.05)}.modal{align-items:center;justify-content:center;position:fixed;z-index:10;left:0;top:0;background:rgba(0,0,0,.92);margin:0;transition:opacity .2s}#message,.modal-content{position:relative;font-family:Jura,Arial,sans-serif}.modal-content{background:0 0;border-radius:0;box-shadow:none;min-width:100vw;max-width:100vw;min-height:100vh;max-height:100vh;color:#fff;flex-direction:column;align-items:center;justify-content:flex-start}.close{position:absolute;top:2vw;right:3vw;font-size:3vw;color:#fff;font-weight:700;z-index:20;background:rgba(0,0,0,.5);border-radius:50%;padding:.2em .5em;transition:color .2s,background .2s}.close:hover{color:#f44;background:#fff2}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;margin:4vw auto 0;width:80vw}.project-card{background:#222b;border:2px solid #fff2;border-radius:1.5em;padding:1.2em 1em 1.5em;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 2px 12px #0006;min-width:0}.post-content,.posts-table{width:80vw;max-width:600px;background:#181818;box-shadow:0 2px 12px #0006}.project-title{font-size:1.3em;margin-bottom:.5em;color:#fff}.project-desc{font-size:1em;color:#ccc;margin-bottom:1em}.project-link{align-self:flex-end;margin-top:auto}.pagination{display:flex;align-items:center;justify-content:center;gap:1.5em;margin-top:1em}#projects-more{margin-top:5px}.post-content{max-height:60vh;min-height:30vh;overflow-y:auto;border-radius:1em;border:2px solid #fff2;padding:1.5em;margin:2em 0 0;color:#fff;font-size:1.1em;word-break:break-word}.posts-table{margin:2em auto 0;border-collapse:collapse;overflow:hidden}.posts-table td,.posts-table th{padding:1em .7em;text-align:left;color:#fff;border-bottom:1px solid #fff2}.posts-table th{background:#222b;font-weight:700;font-size:1.1em}.posts-table tr:last-child td{border-bottom:none}.posts-table tr{cursor:pointer;transition:background .15s}.posts-table tr:hover{background:#333b}#back-posts{margin-left:calc(50%)}#message{display:block;margin:10vw auto 0;padding:1em;background:rgba(0,0,0,.7);color:#fff;border-radius:2em;font-size:1.5em;max-width:90vw;box-shadow:0 2px 12px #0006;border:2px solid #fff2;z-index:1}@media (max-width:600px){.close{font-size:10vw;top:3vw;right:4vw;padding:.1em .4em}#message,.post-content{font-size:1em;max-width:98vw}.post-content{width:96vw;padding:1em}.posts-table,.posts-table td,.posts-table th{font-size:.95em;width:98vw;max-width:98vw;padding:.7em .3em}#message{margin:30vw auto 0;padding:.7em .5em}.title{font-size:6vw;top:5vw}.socials{top:18vw;gap:6vw}.socials a{font-size:5vw;padding:1.5vw}.buttons{position:relative;margin-top:-100px;justify-content:center;width:100vw;left:0;transform:none;gap:5vw;display:flex!important}.projects-grid{grid-template-columns:1fr;width:98vw}}@media (min-width:601px){.projects-grid{grid-template-columns:1fr 1fr 1fr;width:90vw}}@media (min-width:1000px){.projects-grid{grid-template-columns:1fr 1fr 1fr;width:70vw}}