:root{--bg-dark:#0f172a;--bg-secondary:#1a1f35;--text-primary:#e8e8e8;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent:#3b82f6;--accent-light:rgba(59,130,246,0.1);--border-color:rgba(148,163,184,0.2);--shadow:0 8px 32px rgba(0,0,0,0.3);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth}*{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}#Blog,a:not(#socialIcons){text-decoration:none;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}a:hover{color:var(--accent)}#Blog{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-left:3rem;margin-right:2rem}.blogBackground{opacity:50%}.blogContainer,.blogFrame{display:flex;flex-direction:row}#BlogPage{display:grid;justify-content:right;margin-right:3rem}.blogParagraph{line-height:1.8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-secondary);letter-spacing:.3px;padding-left:2rem;padding-right:2rem}.blogParagraph:first-letter{float:left;font-family:Segoe UI,serif;font-weight:700;font-size:900%;line-height:.75;padding:0 .25rem;color:var(--accent);text-shadow:none}.blogPic{max-width:200px}.blogText{padding-top:15rem;padding-left:2.5rem;max-width:60%}body{background:linear-gradient(135deg,#0f172a,#1a1f35 50%,#0f172a);background-attachment:fixed;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;color:var(--text-primary)}#Books{padding:10rem}.extraSmallLetters{font-size:11px}#FirstThingOnPage{display:flex;flex-direction:column}#FirstThingOnPage,.folder{padding-top:10rem;padding-left:2.5rem}.folder{max-width:40%}.footer{width:90%;margin-bottom:2rem}.Home{text-align:left;align-items:center;font-size:calc(10px + 2vmin);max-width:100%}.Home,.homePageContent{display:flex;flex-direction:column;justify-content:center}.imageSideBar{display:flex;flex-direction:column;max-width:25rem;padding:16.25rem 2rem 2rem;overflow:hidden}.insideFooter{border-radius:12px;padding:.5rem 0}.insideFooter,.navBarTab{background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:var(--shadow)}.navBarTab{left:30px;top:30px;right:30px;display:flex;flex-direction:row;padding-top:14px;padding-bottom:14px;border-radius:12px;z-index:200000;padding-right:1rem;position:fixed;margin-bottom:20px;transition:all .3s ease}.navBarTab:hover{border-color:rgba(59,130,246,.3)}.navBarTabBlog{left:30px;top:30px;right:30px;display:flex;flex-direction:row;justify-content:flex-start;position:fixed;bottom:auto;padding-top:14px;padding-bottom:14px;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;z-index:200000;padding-left:1rem;box-shadow:var(--shadow);transition:all .3s ease}#navBtn{color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:.75rem 1.5rem;border:none;font-weight:600;font-size:18pt;background:transparent;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);border-radius:8px;position:relative;overflow:hidden}#navBtn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-light);transition:left .35s cubic-bezier(.4,0,.2,1);z-index:-1}#navBtn:hover:before{left:0}#navBtn:hover{color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.2)}#navBtn:active{transform:translateY(0)}ol,p{color:var(--text-secondary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300}h1{float:left;font-weight:700;font-size:200%;line-height:.75;padding:0 .25rem;text-shadow:0 2px 8px rgba(59,130,246,.2)}h1,h2,h3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--accent)}h2,h3{font-weight:600}.parentBlogDiv{display:flex;flex-direction:row;overflow:hidden}.postPic{max-width:100%;object-fit:cover;z-index:-200;position:relative;margin:0;display:block;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(30,58,138,.3));transition:transform .3s ease}.posts:hover .postPic{transform:scale(1.05)}.posts{display:flex;align-self:center;border:1px solid var(--border-color);border-radius:12px;margin:1rem;width:40rem;height:25rem;padding:0;overflow:hidden;box-shadow:var(--shadow);position:relative;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.2));transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.posts:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(59,130,246,.4);box-shadow:0 16px 48px rgba(59,130,246,.2)}.postTitle{position:relative;z-index:100;margin:1rem 0 -3rem 1rem;font-weight:700;font-size:1.2rem;text-shadow:0 2px 8px rgba(0,0,0,.5);color:var(--text-primary)}.sideBarPhoto{display:block;max-width:100%;height:auto;object-fit:contain;aspect-ratio:attr(width) /attr(height);border-radius:12px;padding:1rem 0;border:1px solid var(--border-color);transition:all .3s ease}.sideBarPhoto:hover{border-color:rgba(59,130,246,.4);box-shadow:0 4px 12px rgba(59,130,246,.1);transform:scale(1.02)}.sideBarRight{padding-top:10rem;padding-right:2.5rem;max-width:40%}.skillsGrid{display:flex;flex-direction:row;flex-wrap:wrap;padding:1.5rem;justify-content:left;gap:1.5rem;flex:1 0 45%;margin:2rem;background:rgba(30,41,59,.5);border-radius:12px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skillLogos{max-width:15%;max-height:auto;transition:transform .3s ease;filter:brightness(.9);cursor:pointer}.skillLogos:hover{transform:translateY(-4px) scale(1.1);filter:brightness(1.2)}.smallBody{font-size:small}#socialIcons{color:inherit;padding:.5rem .75rem;text-decoration:none;font-size:1.5rem!important;line-height:1.2;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;border-radius:8px;position:relative;width:auto;height:auto;visibility:visible!important;opacity:1!important}#socialIcons:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg-dark);padding:.35rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;z-index:10}#socialIcons:hover{color:#3b82f6!important;transform:translateY(-5px) scale(1.15);background:rgba(59,130,246,.1)}#socialIcons:hover:before{opacity:1}.toDoListContainer{border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);background:rgba(30,41,59,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.underHeader{z-index:1000;left:30px;top:125px;right:30px;display:flex;flex-direction:row;justify-content:flex-end;position:fixed;bottom:auto;padding-top:14px;padding-bottom:14px;padding-right:1rem}.underHeaderLogo{height:15px;vertical-align:text-bottom;filter:invert(100%)}.xterra-photo-gallery{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin:2rem 0;justify-content:center}.xterra-photo{width:180px;height:180px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .3s ease}.xterra-photo:hover{transform:scale(3)}*,:after,:before{box-sizing:border-box}iframe,img,picture,video{max-width:100%;height:auto;display:block}.posts{width:100%;max-width:40rem}@media (max-width:700px){#Blog,#BlogPage{margin-left:.75rem;margin-right:.75rem;padding-left:0;padding-right:0}#FirstThingOnPage,.folder,.imageSideBar,.sideBarRight{padding-left:1rem;padding-right:1rem;padding-top:9rem}.blogText{padding-top:9rem;padding-left:.5rem;max-width:100%}.blogContainer,.blogFrame,.parentBlogDiv{flex-direction:column;align-items:stretch}.posts{height:auto;margin-left:.25rem;margin-right:.25rem}.navBarTab,.navBarTabBlog{left:8px;right:8px;top:8px;padding-top:10px;padding-bottom:10px}.underHeader{left:8px;right:8px;top:6rem;padding-bottom:10px}}