@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.home{margin:2% auto;padding:0 1rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80%}.headshot{height:100px;width:100px;border-radius:50%;object-fit:cover;object-position:50% 50%;margin:1rem;display:inline-block;rotate:-5deg;border:solid 1px var(--hover-color)}.social-links{display:flex;justify-content:center;align-items:center;gap:2rem;margin:0 auto}.icon{width:1.8em;color:var(--accent-color-1)}.icon:hover{color:var(--hover-color)}@media (max-width: 768px){.home{max-width:90%}.headshot{height:80px;width:80px}}@media (max-width: 480px){.home{max-width:95%}.headshot{height:70px;width:70px}address{gap:1.5rem}}.blog-card-container{width:20%;aspect-ratio:2/3;margin:0;padding:1% 0;display:flex;justify-content:center;align-items:center}.blog-card{margin:0;padding:0;width:90%;aspect-ratio:2/3;display:flex;flex-direction:column;background-color:#fff;border-radius:5%;box-shadow:0 2px 4px #0003;transition:box-shadow .5s ease,color .5s ease,transform .5s ease;color:var(--font-color)}.blog-card:hover{box-shadow:0 6px 12px #00000040;color:var(--hover-color);z-index:100;transform:translateY(-4px);will-change:transform,box-shadow}.card-thumbnail{height:50%;width:100%;object-fit:cover;object-position:50% 40%;margin-top:0rem;display:inline-block;border-radius:5%;flex-shrink:0}.card-title{font-size:1em;margin:8% 3% 3%}.card-summary,.card-date{font-size:.7em;margin:2%}@media (max-width: 1024px){.blog-card-container{width:25%}}@media (max-width: 768px){.blog-card-container{width:calc(100% / 3)}.card-title{font-size:.9em}.card-summary,.card-date{font-size:.65em}}@media (max-width: 600px){.blog-card-container{width:50%}}@media (max-width: 400px){.blog-card-container{width:100%;aspect-ratio:3/2}.blog-card{aspect-ratio:3/2;flex-direction:row}.card-thumbnail{width:40%;height:100%}}.blog-grid{width:100%;padding:0%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0%}article{margin:2% auto;padding:0 1rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:60%}.title{margin:0}.summary{padding:2%;margin:0}h1,h2,h3{text-align:center}p{text-align:left}svg{display:block;margin:0 auto}.embedded-image{width:100%;height:auto;border-radius:20px;margin:1rem auto;display:block}.tableau-wrapper{position:relative;width:100%;aspect-ratio:16/12;overflow:hidden}tableau-viz{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.side-by-side-charts{display:flex;border-radius:20px;object-fit:contain;gap:1rem}.side-by-side-charts .embedded-image{width:50%;height:auto;object-fit:contain;flex:1 1 auto;border:none}li{word-break:break-word;overflow-wrap:break-word}@media (max-width: 1024px){article{max-width:75%}}@media (max-width: 768px){article{max-width:85%}.side-by-side-charts{flex-direction:column}.side-by-side-charts .embedded-image{width:100%}}@media (max-width: 600px){article{max-width:95%}.embedded-image{border-radius:12px}}.navbar{background-color:var(--accent-color-1);padding:1rem 2rem;position:sticky;top:0;z-index:1000;width:100%;box-shadow:0 2px 4px #0000001a}.navbar-link-container{display:flex;gap:2rem}.nav-link{font-size:1rem;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s;color:#fff}.nav-link:hover{background-color:#fff6}.nav-link:active{background-color:var(--accent-color-3)}@media (max-width: 600px){.navbar{padding:.75rem 1rem}.navbar-link-container{gap:1rem}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Rubik,Calibri,sans-serif;background-color:#fff;color:var(--font-color);min-width:320px;min-height:100vh}:root{--font-color: #2f004fff;--accent-color-1: rgb(255, 177, 177);--accent-color-2: #7d7abcff;--accent-color-3: #dfc2f2ff;--hover-color: rgb(63, 202, 160);color-scheme:light dark}h1{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.1}a{font-weight:500;color:var(--accent-color-1);text-decoration:none}a:hover{color:var(--hover-color)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}
