#Blog,a{text-decoration:none;color:whitesmoke;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#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}.blogPic{max-width:200px}.blogText{padding-top:15rem;padding-left:2.5rem;max-width:60%}body{background-color:oklch(20.5% 0 0)}#Books{padding:10rem}#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;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);max-width:100%}.imageSideBar{display:flex;max-width:25rem;padding:16.25rem 2rem 2rem;overflow:hidden}.insideFooter{border-radius:10px;background-color:oklch(20.5% 0 0);opacity:90%}.homePageContent{display:flex;flex-direction:column;justify-content:center}.navBarTab{border:1px solid #000;border-radius:10px;opacity:90%;padding-right:1rem;margin-bottom:20px}.navBarTab,.navBarTabBlog{left:30px;top:30px;right:30px;display:block;display:flex;flex-direction:row;padding-top:14px;padding-bottom:14px;background-color:oklch(20.5% 0 0);z-index:200000;overflow:none;position:fixed}.navBarTabBlog{border:1px solid #000;justify-content:flex-start;bottom:auto;padding-left:1rem}#navBtn{color:whitesmoke;padding:1rem;border:none;font-weight:800}.blogParagraph{line-height:1;font-size:15pt;&:first-letter{float:left;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:700;font-size:900%;line-height:.75;padding:0 .25rem;color:whitesmoke;text-shadow:rgb(48,35,12) -4px 4px 0}}& p{color:whitesmoke;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:100}.parentBlogDiv{display:flex;flex-direction:row;overflow:hidden}.postPic{max-width:110%;object-fit:cover;border:oklch(20.5% 0 0);z-index:-200;position:relative;margin:-30px 0 0 -17px}.posts{align-self:center;border:1px solid rgb(139,139,139);border-radius:10px;margin:1rem;width:40rem;height:25rem;padding:1rem;overflow:hidden;display:flex;box-shadow:4px 4px 0 rgb(139,139,139)}.extraSmallLetters{font-size:11px}.postTitle{position:relative;z-index:100;margin-bottom:-30px;font-weight:650;font-size:100%;text-shadow:oklch(20.5% 0 0) -2px 2px 0}.sideBarPhoto{max-width:75%;max-height:35%}.sideBarRight{padding-top:10rem;padding-right:2.5rem;max-width:40%}.skillsGrid{display:flex;flex-direction:row;flex-wrap:wrap;padding:.5rem;justify-content:space-between;justify-content:left;gap:1rem;flex:1 0 45%;margin:2rem}.skillLogos{max-width:15%;max-height:auto}.smallBody{font-size:small}#socialIcons{color:whitesmoke;padding:.5rem;text-decoration:none;font-size:1rem}.toDoListContainer{border:1px solid rgb(139,139,139);border-radius:10px;box-shadow:4px 4px 0 rgb(139,139,139)}.underHeader{z-index:200000;left:30px;top:125px;right:30px;display:block;display:flex;flex-direction:row;justify-content:flex-end;position:fixed;bottom:auto;padding-top:14px;padding-bottom:14px;overflow:none;padding-right:1rem}.underHeaderLogo{height:15px;vertical-align:text-bottom;filter:invert(100%)}*,:after,:before{box-sizing:border-box}iframe,img,picture,video{max-width:100%;height:auto;display:block}.posts{width:100%;max-width:40rem}.postPic{max-width:100%;margin-left:0}@media (max-width:700px){#Blog,#BlogPage{margin-left:.75rem;margin-right:.75rem;padding-left:0;padding-right:0}#FirstThingOnPage,.folder,.homePageContent,.imageSideBar,.sideBarRight{padding-left:1rem;padding-right:1rem;padding-top:3rem}.blogText{padding-top:1.5rem;padding-left:.5rem;max-width:100%}.blogContainer,.blogFrame,.parentBlogDiv{flex-direction:column;align-items:stretch}.posts{height:auto;margin-left:.25rem;margin-right:.25rem}.postPic{margin:0}.navBarTab,.navBarTabBlog{padding-top:10px}.navBarTab,.navBarTabBlog,.underHeader{left:8px;right:8px;top:8px;padding-bottom:10px}.underHeader{padding-top:5rem}body{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}}