.row-box{display:flex;flex-direction:row}.column-box{display:flex;flex-direction:column}.footnote{display:none;position:absolute;max-width:400px;right:10px;z-index:1000;background-color:#ddd;padding:5px;border:2px solid #ccc}.footnote-parent{position:relative}.footnote-parent:hover+.footnote{display:block}.site-header{background:#ddd;display:flex;flex-direction:row;gap:50px;padding:15px;padding-left:100px;font-size:25px;font-family:Arial,sans-serif}.header-navbar{padding:15px;display:flex;flex-direction:row;justify-content:left;gap:30px}.header-navbar a{margin:auto}.homepage-container{font-family:Arial,sans-serif;font-size:20px;background-color:#fff}.homepage-body{display:flex;flex-direction:row;justify-content:left;margin:100px;gap:50px}.homepage-leftbox{width:100%;max-width:100px;height:100%}.homepage-columbo{width:100%;height:100%;object-fit:contain;image-rendering:optimizeSpeed}.homepage-rightbox{display:flex;flex-direction:column;justify-content:center;gap:20px}.homepage-title{font-size:50px}.page-container{width:60%;margin:auto;font-family:Arial,sans-serif;font-size:20px;background-color:#fff}.page-body{margin-top:100px}.section-container{width:60%;margin:auto;font-family:Arial,sans-serif;font-size:20px;background-color:#fff}.section-body{margin-top:100px}.hovernote{position:relative;display:inline-block;border-bottom:1px dotted #000}.hovernote .hovernote-text{visibility:hidden;background-color:#ddd;text-align:left;padding:5px 10px;border-radius:6px;width:max-content;max-width:500px;display:inline-block;white-space:normal;word-break:normal;overflow-wrap:normal;top:150%;left:50%;margin-left:-250px;position:absolute;z-index:1}.hovernote:hover .hovernote-text{visibility:visible}.image-container{background:#ddd;padding:5px 10px;border-radius:6px}.image{padding:20px}.multi-image-container{background:#ddd;padding:5px 10px;border-radius:6px}.image-text-box{display:flex;flex-direction:column;align-items:center}.image-text{padding:5px}.multi-image-box{display:flex;flex-direction:row;height:200px;justify-content:center}.picture{object-fit:contain}.pixel-art{object-fit:contain;image-rendering:optimizeSpeed}html,body{height:100%;margin:0;padding:0}.container{display:flex;flex-direction:row;flex-wrap:wrap;height:100vh;color:#000}.section{float:left}.columbo-profile{width:100%;height:100%;object-fit:contain;image-rendering:optimizeSpeed}.title-text{text-shadow:1px 1px #000}.left-section{width:40%;background-color:#ddd;display:flex;justify-content:center;align-items:center}.right-section{width:60%;background-color:#fff;display:flex;justify-content:center;align-items:center}.profile{text-align:center;max-width:500px;max-height:500px;color:#000;align-items:center;justify-content:center}.blog-feed{text-align:left;align-items:center;justify-content:center;padding:20px;font-size:20px}.blog-link{padding:10px}@media (max-width: 1000px){.section{width:100%}}