:root{--clr-dark-0: #121212;--clr-dark-10: #1a1a1a;--clr-dark-20: #222222;--clr-dark-30: #2a2a2a;--clr-dark-40: #333333;--clr-offwhite-0: #f4f6f8;--clr-offwhite-10: #d9dde0;--clr-accent-teal-0: #00b597;--clr-accent-teal-10: #00a08f;--clr-accent-purple-0: #813ae3;--clr-accent-purple-10: #a174e0;--clr-accent-pink-0: #ff73b8;--clr-accent-pink-10: #ff91c2;--clr-accent-yellow-0: #f5c518;--clr-accent-yellow-10: #ffd54f;--clr-accent-orange-0: #ff9800;--clr-accent-orange-10: #ffc56d;--clr-accent-green-0: #5bb41b;--clr-accent-green-10: #65c41c;--shadow-card: 0 .25rem .75rem rgba(0, 0, 0, .5);--shadow-elevated: 0 .5rem 1.5rem rgba(0, 0, 0, .6);--shadow-teal-glow: 0 .25rem .75rem rgba(0, 191, 166, .3);--shadow-purple-glow: 0 .25rem .75rem rgba(185, 135, 255, .3);--shadow-pink-glow: 0 .25rem .75rem rgba(255, 115, 184, .3);--shadow-deep: 0 .125rem .25rem rgba(0, 0, 0, .3), 0 .5rem 1rem rgba(0, 0, 0, .4);--flow-space: 24px}html{height:100%;width:100%;margin:0;background:var(--clr-dark-0);font-family:Nunito,sans-serif;*{color:var(--clr-offwhite-10)}}figure{margin:0}body{height:100%;width:100%;margin:0;@media(min-width:45.5rem){display:grid;grid-template-columns:256px 1fr;grid-template-rows:1fr auto}}h1,h2,h3,h4,h5,h6{margin:0;font-family:Raleway,sans-serif;color:var(--clr-accent-teal-0)}ul{padding-inline-start:16px}strong{color:var(--clr-accent-pink-0)}ul li::marker{color:var(--clr-accent-purple-10)}.flow>*+*{margin-top:var(--flow-space, 16px)}.skip-to-content{padding:.5rem 1rem;position:absolute;top:-2.5rem;left:0;background:var(--clr-accent-teal-0);color:var(--clr-dark-0);z-index:100;text-decoration:none;font-weight:700;transition:top .3s ease}.skip-to-content:focus{top:.625rem;outline:.125rem solid #000;outline-offset:.125rem}.site-header{display:flex;flex-direction:column;grid-column:1;grid-row:1;padding-inline:24px;padding-block:24px;background:var(--clr-dark-10);border-bottom:.0625rem solid var(--clr-accent-pink-0);border-right:none;nav{height:100%}@media(min-width:48rem){border-right:.0625rem solid var(--clr-accent-pink-0);border-bottom:none}}.site-navigation{width:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-inline:0;font-size:20px;list-style-type:none;li{display:flex;align-items:center;height:100%;padding-block:20px}a{color:var(--clr-offwhite-10);text-decoration:none}a:hover,a:focus{color:var(--clr-accent-purple-10)}li:not(:last-of-type){border-bottom:.0625rem solid var(--clr-accent-pink-0)}}.contact-information{width:100%;justify-self:flex-end;ul{display:flex;gap:1rem;margin:0;li{width:100%}a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}}svg{width:2rem}}.list-unstyled{list-style-type:none;padding-inline-start:0}main{display:flex;flex-direction:column;grid-column:2;grid-row:1 / 2;line-height:1.5}.section .inner{padding-inline:24px;padding-block:24px}.logo{display:flex;img{max-width:160px;margin:0 auto;text-align:center}}img{max-width:30rem;border-radius:1rem}.btn{width:fit-content;display:block;padding-inline:16px;padding-block:8px;background:var(--clr-accent-purple-0);color:var(--clr-dark-10);text-decoration:none;font-weight:700;font-size:16px;text-align:center;border-radius:80px;&:hover,&:focus{background:var(--clr-accent-purple-10)}}.hero-banner{height:100%;min-height:15rem;max-height:unset;width:100%;display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--clr-dark-0);text-align:center;h1{height:fit-content;font-size:4rem;align-self:flex-end}p{font-size:1.75rem;margin:0}.inner{padding-inline:24px;padding-block:24px;position:relative;z-index:1}&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../background-squiggley.png) no-repeat top left;background-size:auto;background-repeat:repeat;z-index:0}&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#12121200,#121212);z-index:0;pointer-events:none}@media(min-width:57.5rem){max-height:320px}}.hero-banner .inner:has(img){img{max-width:240px;grid-column:2;grid-row:1 / -1;border-radius:50%;border:3px solid var(--clr-accent-pink-0)}@media(min-width:57.5rem){max-width:57.5rem;display:grid;gap:0 2rem;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto)}}.button-row{display:flex;gap:24px}.card-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:16px}.card{display:flex;flex-direction:column;max-width:100%;background:var(--clr-dark-10);border-radius:16px;box-shadow:var(--shadow-elevated);.inner{display:grid;align-items:stretch;justify-content:space-around;grid-template-rows:auto 1fr auto;padding:24px;flex:1}@media(min-width:64rem){flex:1 1 calc((100% - 32px) / 3);max-width:calc((100% - 32px) / 3)}}.card .inner{.btn{align-self:end}}a:not(.btn){color:var(--clr-accent-white-0);text-decoration-color:var(--clr-accent-white-0);&:hover,&:focus{color:var(--clr-accent-yellow-0);text-decoration-color:var(--clr-accent-yellow-0)}}footer{grid-column:1 / -1;grid-row:2;background:var(--clr-dark-10);border-top:.0625rem solid var(--clr-accent-pink-0);.inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:24px;padding-block:24px}}pre{width:fit-content;padding:16px;border-radius:16px;box-shadow:var(--shadow-card);background:var(--clr-dark-20)!important}.table,table,.table-complex{margin-block:24px;border:.0625rem solid var(--clr-offwhite-10);border-collapse:collapse;tr,td,th{border:.0625rem solid var(--clr-offwhite-10)}th,td{padding:8px}}hr{border:none;height:.125rem;background:linear-gradient(to right,var(--clr-accent-pink-0),var(--clr-accent-purple-0),var(--clr-accent-teal-10),var(--clr-accent-orange-0),var(--clr-accent-yellow-0),var(--clr-accent-orange-0),var(--clr-accent-teal-10),var(--clr-accent-purple-0),var(--clr-accent-pink-0));margin:32px 0}.img-example{max-width:10rem}.callout{width:fit-content;padding:1rem;margin-block:1.5rem;background:var(--clr-accent-yellow-10);border-radius:1.5rem;box-shadow:var(--shadow-elevated);*{color:var(--clr-dark-0)}li::marker{color:var(--clr-dark-0)}}.justify-self-center{justify-self:center}