*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Courier New",monospace;color:#eef8e8}a{color:inherit}.enter{height:100vh;overflow:hidden;background:#eee6d5;display:grid;place-items:center;position:relative}.spin{position:absolute;width:145vmax;height:145vmax;background:url(trippy.jpg) center/cover;animation:spin 24s linear infinite}.enterbox{z-index:2;background:#eee6d5;color:#111;border:3px solid #111;width:145px;height:145px;display:grid;place-items:center;text-align:center;font-weight:bold;text-decoration:none;box-shadow:10px 10px 0 #111;transition:.2s}.enterbox:hover{transform:scale(1.12) rotate(-4deg);background:#111;color:#eee6d5}@keyframes spin{to{transform:rotate(360deg)}}.computer-page{min-height:100vh;background:#171710;display:grid;place-items:center;padding:24px}.computer{position:relative;width:min(760px,95vw)}.computer img{width:100%;display:block;image-rendering:auto}.screen{position:absolute;left:7%;top:5%;width:86%;height:49%;padding:5%;color:#8cff78;text-shadow:0 0 8px #69ff69;background:rgba(0,18,0,.88);overflow:auto}.screen h1{font-size:clamp(26px,5vw,58px);margin:0 0 8px}.screen p{margin:4px 0}.menu{display:grid;gap:8px;margin-top:20px}.menu a{text-decoration:none;width:max-content}.menu a:hover:before{content:"> "}.mat{min-height:100vh;background:#315c51 url(cutting-board.jpg) center top/cover fixed;padding:35px;color:#f5f0dc}.topnav{display:flex;justify-content:space-between;gap:20px;align-items:center;position:sticky;top:12px;z-index:5}.tag,.topnav a,.paper{background:#eee8d7;color:#111;border:1px solid #111;box-shadow:5px 5px 0 rgba(0,0,0,.45)}.tag,.topnav a{padding:10px 13px;text-decoration:none}.navlinks{display:flex;gap:8px;flex-wrap:wrap}.pagehead{font-size:clamp(54px,10vw,140px);line-height:.8;margin:90px 0 45px;color:#f3edd8;text-shadow:4px 4px #18372f}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;max-width:1300px;margin:auto}.project{grid-column:span 6;background:#e9e1ce;color:#111;padding:14px;text-decoration:none;box-shadow:12px 12px 0 rgba(0,0,0,.38);transform:rotate(var(--r));transition:.2s}.project:nth-child(3n){grid-column:span 7}.project:hover{transform:rotate(0) translateY(-7px)}.project img{width:100%;height:330px;object-fit:cover;display:block;filter:saturate(.92)}.project h2{font-size:28px;margin:12px 0 3px}.project p{margin:0 0 6px}.paper{max-width:850px;margin:80px auto;padding:35px;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery img{width:100%;background:#eee8d7;padding:10px;box-shadow:8px 8px 0 rgba(0,0,0,.4)}@media(max-width:700px){.screen{font-size:10px}.menu{gap:3px;margin-top:8px}.project,.project:nth-child(3n){grid-column:1/-1}.project img{height:230px}.gallery{grid-template-columns:1fr}.mat{padding:18px}.pagehead{margin-top:70px}}