/* CSS for heading styles */
Hello, world!
Hello, world!
h1 {
font-family: Corbel, sans-serif;
color: #00457C;
font-size: 26px;
}
h2 {
font-family: Corbel, sans-serif;
color: #89C266;
font-size: 20px;
}
h3 {
font-family: Corbel, sans-serif;
color: #FF7C48;
font-size: 18px;
}
h4 {
font-family: Corbel, sans-serif;
color: #674C7E
font-size: 14
}
/* Make horizontal rule full width */
hr {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-top: 3rem;
margin-bottom: 3rem;
border: none;
height: 1px;
background-color: #aaa;
}
/* Make the listing section full width */
.quarto-listing {
width: 100vw;
margin-left: calc(50% - 52vw);
padding: 2rem;
box-sizing: border-box;
background-color: #f9f8f6;
}
/* body font, size, and color */
/* CSS code */
/*body {
background-color: #fafafa; /* Light grey background */
/*font-family: Corbel, sans-serif; /* Sets the font to Corbel */
/*font-size: 14px; /* Sets the font size to 12 pixels */
/*color: #333; /* Optional: sets a dark grey font color */
/*} */
.pre {
color: #FF7C48 ;
background-color: #00457C ;
font-family: Corbel;
font-size: 14px;
}
.box {
margin: 1em ;
border: 2px solid #47A1E7;
border-left: 10px solid #47A1E7;
border-radius: 10px;
}
.box-header {
margin-left: 0em;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 15px;
color: white;
text-indent: 0em;
background-color: #47A1E7;
/*border-top-right-radius: 10px; */
font-size: 1em;
font-weight: bold;
background-size: 30px;
min-height: 175px;
background-repeat: no-repeat;
background-position: 15px center;
}
.box-container {
padding-top: 5px;
padding-left: 10px;
color: white ;
background-color: #47A1E7;
border-bottom-right-radius: 10px;
}
/* Add logo to the title banner */
.humans-learning-post::before {
content: "";
background-image: url("images/humanslearning.png");
background-size: 80px 80px;
background-repeat: no-repeat;
width: 80px;
height: 80px;
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
/* Optional: Style the banner further */
.humans-learning-post .quarto-title-banner {
background: linear-gradient(135deg, #C9C9C9 0%, #E5E5E5 100%);
border-bottom: 3px solid #999;
}
/* Make the about image smaller on solana template */
.about-image img {
max-width: 200px; /* Adjust as needed */
width: 200px;
}
/* Add some margin to prevent overlap */
.about-entity {
margin-right: 2rem;
}
/*.quarto-title-block {
background-color: #1e3a8a; /* Deep blue background for entire block */
/*color: white; /* White text color */
/*} */
/* Target navbar/header area where social icons typically sit */
/*.navbar,
.navbar-brand-container,
.navbar-nav,
.quarto-navigation-tool {
background-color: #1e3a8a !important; /* Deep blue for navigation area */
/* color: white !important;
}
/* Target any remaining header elements */
/*header,
.header,
.quarto-header {
background-color: #1e3a8a !important; /* Deep blue for header */
/* color: white !important; /* White text color */
/*}
subtitle {
font-family: Corbel, sans-serif;
/* font-weight: bold; */
/* color: white;
font-size: 48px;
}
/*title {
font-family: Corbel, sans-serif;
/*font-weight: bold;*/
/* color: white;
font-size: 56px;
}