#Blog,a{text-decoration:none;color:whitesmoke;font-family:Georgia,Times New Roman,Times,serif}#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;font-family:Georgia,Times New Roman,Times,serif;&:first-letter{float:left;font-family:Georgia,Times New Roman,Times,serif;font-weight:700;font-size:900%;line-height:.75;padding:0 .25rem;color:whitesmoke;text-shadow:rgb(48,35,12) -4px 4px 0}}.blogPic{max-width:200px}.blogText{padding-top:15rem;padding-left:2.5rem;max-width:60%}body{background-color:oklch(20.5% 0 0);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}#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:10px;background-color:oklch(20.5% 0 0);opacity:90%}.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{padding:1rem;border:none;font-weight:800;font-size:25pt}#navBtn,& p,ol{color:whitesmoke;font-family:Georgia,Times New Roman,Times,serif}& p,ol{font-weight:100}& h1{float:left;font-family:Georgia,Times New Roman,Times,serif;font-weight:700;font-size:200%;line-height:.75;padding:0 .25rem;color:whitesmoke;text-shadow:rgb(48,35,12) -4px 4px 0}.parentBlogDiv{display:flex;flex-direction:row;overflow:hidden}.postPic{max-width:100%;object-fit:cover;border:oklch(20.5% 0 0);z-index:-200;margin:0;display:block;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(175,74,74,.6))}.postPic,.posts{position:relative}.posts{align-self:center;border:1px solid rgb(139,139,139);border-radius:10px;margin:1rem;width:40rem;height:25rem;padding:0;overflow:hidden;display:flex;box-shadow:4px 4px 0 rgb(139,139,139);background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.postTitle{position:relative;z-index:100;margin:1rem 0 -3rem 1rem;font-weight:650;font-size:100%;text-shadow:oklch(20.5% 0 0) -2px 2px 0}.sideBarPhoto{display:block;max-width:100%;height:auto;object-fit:contain;aspect-ratio:attr(width) /attr(height);border-radius:10px;padding:1rem 0}.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:1000;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}@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}}