html,body{margin:0;height:auto;margin-right:10vw;margin-left:10vw}.main-body{top:2vh;margin:0;margin-top:calc(7.5vh + 1px);margin-bottom:5vh}strong{color:rgba(28,27,25,0.75);font-weight:400}.main-content{display:flex}.main-content .left-section{width:30%;height:100%;display:flex;flex-direction:column;align-items:flex-end}.main-content .profile-image{width:75%;display:block;display:inline-block;border-radius:1.0%}.main-content .profile{font-family:"Roboto",monospace;font-size:0.85rem;color:rgba(28,27,25,0.5);line-height:1.25;padding-top:5%;padding-bottom:20%;padding-right:5%;padding-left:1%;text-align:left}.main-content .profile p{margin-bottom:1.5rem}.main-content .right-section{width:70%;overflow:hidden}.main-content .right-section .scrolling-image{display:flex;flex-direction:column;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;animation:scrollVertical 120s linear infinite}.main-content .right-section .scrolling-image img{width:100%;display:block}.main-content .right-section .scrolling-image:hover+.image-description{opacity:1;pointer-events:auto}.main-content .bio{font-family:"Roboto",monospace;font-size:0.85rem;font-weight:400;color:rgba(28,27,25,0.75);line-height:1.25;text-align:left;padding-left:1%;padding-right:20%}.main-content .bio p{margin-bottom:1.5rem}.main-content .bio a:link{color:maroon;text-decoration:none}.main-content .bio a:hover{color:maroon;text-decoration:underline}.main-content .contact{font-family:"Roboto",monospace;font-size:0.85rem;color:#1c1b19;line-height:1.75;padding-left:1%;padding-right:20%}.main-content .contact a:link{color:maroon;text-decoration:none}.main-content .contact a:hover{color:maroon;text-decoration:underline}.main-content .contact .email{font-family:"Roboto",monospace;font-size:0.85rem;color:maroon;line-height:1.75}.main-content .now-blog{font-family:"Roboto",monospace;font-size:0.85rem;font-weight:400;color:rgba(28,27,25,0.75);line-height:1.25;text-align:left;padding-left:1%;padding-right:20%}.main-content .now-blog p{margin-bottom:1.5rem}.main-content .now-blog a:link{color:maroon;text-decoration:none}.main-content .now-blog a:hover{color:maroon;text-decoration:underline}.main-content .now-blog .now-header{font-family:"Roboto",monospace;font-size:0.85rem;color:rgba(28,27,25,0.75);margin-bottom:1rem}.main-content .now-blog .now-entry{margin-bottom:2rem}.main-content .now-blog .now-entry .now-date{display:block;font-family:"Fira Code",monospace;font-size:0.9rem;color:rgba(28,27,25,0.75);margin-bottom:0.5rem}.main-content .now-blog .now-entry p{margin:0;font-family:"Roboto",monospace;font-size:0.85rem;line-height:1.5;color:rgba(28,27,25,0.5)}.main-content .image-description{font-family:"Roboto",monospace;font-size:0.75rem;line-height:1.4;color:#1c1b19;background:rgba(255,255,255,0.85);padding:0.5rem 1rem;border-radius:5px;position:fixed;max-width:30%;z-index:100;opacity:0;pointer-events:none;transition:opacity 0.2s ease-in-out}@keyframes scrollVertical{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}.site-header{width:100%;height:7.5vh;display:flex;flex-direction:column;background:#fff;position:sticky;top:0vh;z-index:10}.site-header .header-top{justify-content:space-between;align-items:center;display:flex;flex:1;width:100%}.site-header .header-top .name{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;flex:0 0 auto;text-align:left;font-family:"Fira Code",monospace;font-size:1.05rem;font-weight:400;text-transform:uppercase;text-decoration:none;color:rgba(28,27,25,0.75);line-height:1;display:flex;align-items:center}.site-header .header-top .name:hover{color:#1c1b19}.site-header .header-top .menu ul{display:flex;list-style:none;align-items:center;text-align:right;margin:0;padding-right:0;padding-left:0;padding-top:0;padding-bottom:0;justify-content:flex-end;gap:25%}.site-header .header-top .menu ul li{margin-left:0}.site-header .header-top .menu ul li a{font-family:"Fira Code",monospace;font-size:0.85rem;line-height:1;text-transform:uppercase;text-decoration:none;color:rgba(28,27,25,0.5)}.site-header .header-top .menu ul li a:hover{color:rgba(28,27,25,0.75)}.site-header .line-container{display:flex;width:100%;margin-top:auto}.site-header .line-segment{height:1px;background-color:rgba(28,27,25,0.5)}.site-header .line-segment:first-child{width:29.5%}.site-header .line-segment:last-child{flex-grow:1}.site-header .line-break{width:1%;height:1px;background-color:transparent}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:rgba(28,27,25,0.75)}@media (max-width: 1050px){.menu-container{position:relative}.menu-toggle{display:block}.menu ul{display:none !important;flex-direction:column;gap:2rem;position:absolute;right:0;top:2rem;background:#fff;padding:0.8rem 1rem}.menu-container:hover .menu ul{display:flex !important}}.site-footer{display:flex;align-items:center;width:100%;height:5vh;padding:0rem 2rem;background:#fff;position:sticky;bottom:0;z-index:10}.site-footer .menu ul{display:flex;list-style:none;margin:0;padding:2rem}.site-footer .menu ul li{margin-left:5rem}.site-footer .menu ul li a{font-family:"Fira Code",monospace;font-size:0.75rem;text-transform:uppercase;text-decoration:none;color:#1c1b19}.site-footer .menu ul li a:hover{text-decoration:underline}body{font-family:"Roboto",monospace;background:#fff;color:#1c1b19;margin:2rem}