html{height:100%;cursor:url(../img/ufocursor.gif),auto}body{height:100%;background-color:#336;color:#fc9;max-width:800px;margin:0 auto;font-family:monospace;font-size:1rem}.pageTitle{font-size:18px;font-weight:400;text-align:left;border:none;padding:0}h1{font-size:2rem}h1,h2{font-weight:400;text-align:left}h2,h2 a{font-size:1.8rem;margin-top:2rem;margin-bottom:0;font-weight:400;text-decoration:none}h3,h3 a{font-size:1.6rem;font-weight:400;text-decoration:none;margin:3rem 0rem .3rem}h4,h4 a{font-size:1.4rem;font-weight:400;text-decoration:none;margin:3rem 0rem .3rem}h5,h5 a{font-size:1.25rem;font-weight:400;text-decoration:none;margin:3rem 0rem .3rem}h6,h6 a{color:#336;font-size:1.25rem;font-weight:400;text-decoration:none;background-color:#ccc;padding:0 5px;margin:3rem 0rem .3rem}hr{margin-top:5%}img{max-width:100%}p{hyphens:auto;line-height:1.5rem;margin:.8rem 0}ul li{margin:.5rem 0rem}summary{color:#9f9;margin:10px 0}blockquote{border-left:5px solid #FFCC99;padding:5px 5px 5px 20px}code{background-color:#336;padding:0 2px;border-radius:3px;font-size:14px}pre code{background:transparent}a{color:#9f9;text-decoration:underline;cursor:url(../img/pointer.gif),auto}a:visited{color:#9f9;cursor:url(../img/pointer.gif),auto}a:hover{color:#9f9;transition:.3s ease;cursor:url(../img/pointer.gif),auto}header{margin-top:0;margin-bottom:80px}.nav-bar{display:grid;grid-template-columns:1fr;align-items:center;margin-top:0}.nav-links a{color:#9f9;text-decoration:none;font-size:14px}.title-link{display:inline-flex;align-items:center}.title-link h1 a{display:inline-flex;font-weight:700;font-style:normal;font-size:18px;padding:0 10px;margin-left:.5rem;color:#00f;background-color:#ccc;text-decoration:none}.nav-bar img{background:transparent}.title-link a:hover img{transform:rotate(5deg)}.nav-links ul{list-style-type:none;padding:0;margin:0 auto}.nav-links ul li{list-style-type:none;display:inline-block}.nav-links li:after{content:"/";margin-left:7px;color:#669}.nav-links li:last-child:after{content:none}.nav-links a:hover,a:focus{color:#9f9;text-decoration:underline #99FF99;text-decoration-thickness:1px;text-underline-offset:3px;transition:.3s ease}.nav-links{font-size:1.1rem;text-align:left}button{background-color:#ccc;padding:3px 10px;border-width:2px;border-color:#fff #666699 #666699 #fff;color:#00f;margin:0;font-weight:700;letter-spacing:2px;cursor:url(../img/pointer.gif),auto}button:hover{border:2px solid;background-color:#ccc;border-color:#666699 #999999 #999999 #666699;color:#669;transition:.5s ease}footer{height:30px;border-top:1px solid #666699;color:#669;margin-top:3rem;margin-bottom:0;padding:10px;text-align:center}.entrytitle a{font-size:1rem;text-decoration:none;color:#9f9}.postmeta,.postmeta a{padding:0;margin:-10px 0 30px;text-decoration:none}.metalabel{background-color:#669;padding:2px 5px;border-radius:3px;text-transform:lowercase}.dt-published{margin-right:1rem;margin-bottom:1.5rem;font-size:1rem}a.category{font-size:1rem;text-decoration:none;color:#669}a.badge{color:#9f9;text-decoration:none}a.badge:hover{color:#9f9}.postcategory,a.badge,.postmeta{font-size:13px}.category-container{margin-top:2rem}.category-button a,.category-button a:visited{text-decoration:none;color:#336;font-weight:400}.category-button{text-decoration:none;background-color:#ccc;border:1px solid #cccccc;border-radius:10px;padding:2px 10px;margin:0 15px 15px 0}.category-button:hover{border:1px solid #ffcc99;color:#336;background-color:#fc9;transition:.5s ease}a.category-button:visited{color:#336}.entrytitle a:hover,a:hover.category{color:#9f9;transition:.3s ease}.post-list article.card{margin:0;padding-top:10px;padding-bottom:20px}.post-list article.card:first-child{margin-top:40px}.post-list article.card .entrytitle{margin:0;text-align:left;max-width:800px}.post-list article.card date{color:#336;background-color:#ccc;padding:0 5px;min-width:90px}.post-list .post-info{display:flex;flex-direction:row;align-items:baseline;justify-content:baseline;grid-template-rows:110px auto 110px;gap:20px}.postcategory{margin-top:10px;margin-left:135px}.guestbook{color:#9f9;margin-top:1rem;margin-bottom:0}.imagecontainer{display:grid;flex-direction:row;grid-template-columns:1fr 1fr;width:100%;margin:.5rem 0rem;gap:2%}.imagecontainer img{width:100%;height:auto;object-fit:cover;aspect-ratio:1/1}.textbox{border:none;padding:20px 0}.textbox a{text-decoration:none}.textbox a:after{content:"[↗]";margin-left:5px}.textbox a:visited{color:#9f9}.vcard{display:grid;grid-template-columns:1fr 2fr;align-items:center;justify-content:center;justify-items:center;grid-gap:1rem;width:770px;background-color:#ccc;border:2px solid #CCCCCC;padding:10px;margin:2rem 0rem .5rem;color:#336}.vcard a{color:#00f}.vcard a:hover{color:#336}.category{font-size:13px}.updates{background-color:#669;width:725px;overflow-y:scroll;max-height:250px;padding:0rem 2rem 2rem;border:2px solid #cccccc;color:#ccc}.updates h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.updates h2:before{content:"## "}.updates date{font-weight:700}.updates ul{list-style-type:"- ";margin-left:-1.5rem}@media only screen and (max-width: 600px){.vcard{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:94%}.updates{max-width:80%}.link-images img{height:30px;width:30px;margin:16px 1px}.project{flex-direction:column;gap:0}.project img{max-width:100%}.projects h6{margin-top:-10px}.project img{width:100%}.tech img{width:26px;height:26px}.hoverwrap img,.text-overlay{width:100%}}@media only screen and (max-width: 600px){body{width:95%;max-width:500px;font-size:14px}img{max-width:100%}.nav-bar{display:initial}.nav-links li:after{content:"/";margin-left:0;color:#669}.title-link{text-align:left}.nav-links ul{margin-bottom:1.5rem;text-align:left;justify-content:left}.nav-links ul li{margin-left:-10px}.nav-links a{margin:0 11px}h1,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{font-size:1.5rem}.post-list .post-info{flex-direction:column;gap:0px}.postcategory{margin-left:0}.post-list article.card date{color:#336;background-color:#fc9;padding:0 5px;width:97%}.post-list article.card{margin:0;padding-top:5px;padding-bottom:20px}.post-list article.card h2.entrytitle{font-size:1rem;line-height:22px;padding:5px 0}}@media only screen and (max-width: 768px){body{width:90%}h1,h2,h2 a,h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a{font-size:1.5rem}}