:root{--background-color: linear-gradient(135deg, #080812, #082a6a);--foreground-color: #fff;--primary-color: #1e90ff;--secondary-color: #FFD700;--tertiary-color: #8aa6c1;--header-bg: rgba(8, 8, 18, .8);--nav-text: #aaa;--nav-hover: var(--primary-color);--footer-bg: var(--header-bg);--card-bg: var(--header-bg);--list-item-bg: rgba(40, 40, 55, 1);--border-color: rgba(255, 255, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--header-bg)}body{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,Arial,sans-serif;color:var(--foreground-color);line-height:1.6}#background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;background:var(--background-color)}.button{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:var(--background-color);font-weight:700;text-decoration:none;border-radius:5px;transition:background-color .3s ease-in-out}.button:hover{background-color:var(--secondary-color);color:var(--background-color)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline;color:var(--secondary-color)}h1{line-height:2.2rem;margin-bottom:.8rem;margin-top:.3rem}h2{line-height:2rem;margin-bottom:.8rem;margin-top:.3rem}main{flex-grow:1;margin:220px 40px 40px;z-index:10}@media screen and (max-width: 870px){main{margin:108px 15px 15px}}div.main-content{padding:20px;background-color:var(--card-bg);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 0 15px #00000080;border:1px solid var(--border-color)}div.main-content:not(:first-of-type){margin-top:40px}.main-content a{display:inline-block}.margin-top-15{margin-top:15px}h1.heading{font-size:2rem;color:var(--primary-color)}h2.subheading{font-size:1.7rem;font-style:italic;color:var(--secondary-color);margin-top:-.5rem;margin-bottom:1rem}.home-content .main-content h2.subheading{margin-top:.3rem}h1.home-heading{text-shadow:0 0 15px rgba(0,0,0,.5)}.home-content{margin-top:calc(100vh - 240px)}@media screen and (max-width: 870px){.home-content{margin-top:calc(100vh - 180px)}}ul.list{list-style-type:none}ul.list li{background-color:var(--list-item-bg);border-radius:8px;padding:20px;box-shadow:0 4px 8px #0003;display:grid}.projects-grid li{grid-template-rows:max-content 1.5fr max-content 1fr}.posts-grid li{grid-template-rows:1fr max-content 1fr}ul.list a{display:contents;margin:-20px;padding:20px;color:var(--foreground-color);text-decoration:none}ul.list h2{font-size:1.7rem;margin-bottom:1rem;color:var(--tertiary-color)}ul.list p{margin-top:.5rem}ul.list li img{width:100%;border-radius:8px}ul.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;align-items:stretch}.difficulty{display:inline-block;padding:5px 15px;color:var(--primary-color);font-weight:700;border-radius:1lh;border:2px solid var(--primary-color);margin-bottom:auto}.project-card-difficulty .difficulty{margin-top:0;margin-bottom:5px}.project-header{display:flex;justify-content:space-between}@media screen and (max-width: 870px){.difficulty{margin:0 0 20px}.project-header{flex-direction:column;align-items:start}}.project-card-header{display:flex;justify-content:space-between}.project-card-header p.difficulty{margin-top:0;margin-bottom:auto}.post-info{font-style:italic;color:var(--tertiary-color);margin-bottom:1rem}.author-bio{min-height:150px}.author-bio hr{margin-top:20px;border:1px solid white}.author-bio .author-image{width:5.2em;height:5.2em;border-radius:50%;float:left;margin-right:20px}.subscribe-form h2.subheading{margin-top:.3rem}.subscribe-form p{margin-bottom:.5rem;color:var(--foreground-color)}.subscribe-form input{width:300px;padding:10px;margin-right:5px;font-size:medium;border-radius:8px;border:2px solid var(--primary-color)}.subscribe-form button{display:inline-block;margin-top:10px;padding:10px 20px;font-size:medium;color:var(--foreground-color);background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 0 15px #00000080;transition:all .2s ease}.subscribe-form button:hover{color:var(--foreground-color);cursor:pointer;background-color:var(--secondary-color);border-color:var(--secondary-color);transition:all .3s ease}.unsubscribe-form{text-align:center}.unsubscribe-form button{display:inline-block;margin-top:10px;padding:10px 20px;font-size:medium;color:var(--foreground-color);background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 0 15px #00000080;transition:all .2s ease}.unsubscribe-form button:hover{color:var(--foreground-color);cursor:pointer;background-color:var(--secondary-color);border-color:var(--secondary-color);transition:all .3s ease}.back-button{display:inline-block;margin-top:20px;padding:10px 20px;color:var(--foreground-color);border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 0 15px #00000080;transition:all .2s ease}.back-button:hover{color:var(--foreground-color);text-decoration:none;background-color:var(--primary-color);transition:all .3s ease}@media screen and (max-width: 870px){.back-button{margin-top:15px}}.orbit-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}