@import 'https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap';:root{--primary-orange:#ed9d56;--light-orange:#efb98f;--primary-green:#27914d;--dark-green:#005432;--light-green:#a9d3b8;--primary-purple:#d378f9;--light-purple:#edc9fd;--primary-yellow:#e1ed40;--light-yellow:#edf48c;--primary-neutral:#b7b2a5;--primary-light:#efede6;--primary-lightest:#f7f7f7;--primary-dark:#2d2d2d}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}html{height:100%}body{color:var(--primary-dark);background-image:url(/images/png/hbk-bg.png);background-repeat:repeat;background-position:50%;background-color:var(--primary-light);background-attachment:fixed;font-family:roboto mono,sans-serif;font-size:18px;font-weight:400;overflow-x:hidden;width:100vw}a{transition:.3s ease all;color:var(--primary-dark);text-decoration:none;cursor:pointer}nav{display:flex;position:sticky;top:0;left:0;flex-flow:row nowrap;justify-content:center;align-items:center;width:100vw;z-index:999}.nav-mobile{display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;width:100vw;height:80px;padding:2.5px 30px;background-color:var(--primary-light);border-bottom:1.5px solid var(--primary-dark);& div:nth-child(2) { justify-content: center; align-content: center; & button { color: var(--primary-dark); } }}.logo{height:70px;padding-top:3px;cursor:pointer}.nav-burger{display:inline-block;order:2;overflow:hidden;padding-right:20px}.nav-desktop{display:none}.menu-open{font-size:45px;background-color:transparent;border:none;cursor:pointer}.menu-close{font-size:52px;text-align:center;font-weight:300;background-color:transparent;border:none;cursor:pointer}button i,button i:hover,button i::after,button i:visited{color:var(--primary-dark)}.nav-overlay{display:none;position:fixed;top:0;left:0;background-color:var(--light-green);width:100%;overflow:hidden;z-index:999;transition:height .4s ease-out,opacity .2s ease-in-out,display .2s allow-discrete;& > div:nth-child(1) { display: flex; width: 100%; flex-flow: row nowrap; justify-content: space-between; padding: 2.5px 30px; } & > div > div:nth-child(2) { display: flex; justify-content: center; } & > div:nth-child(2) { display: flex; flex-direction: column; height: 100%; font-size: 2.2rem; font-weight: 400; text-transform: lowercase; & ul { list-style-type: none; padding: 0 30px; margin-top: 20px; } & ul li { display: block; padding: 10px 0; text-decoration: none; & a { color: var(--primary-dark); } } }}.nav-overlay.show{display:block;opacity:1;height:100%;transition:height .4s ease,opacity .2s ease-in-out,display .2s allow-discrete}@starting-style{.nav-overlay.show {
        opacity: 0;
        height: 0%;
    }
}.menu-list{display:block;height:100vh;top:0;left:0;position:absolute;background-color:var(--light-green);& > div:nth-child(1) { display: none; & div { display: flex; width: 100vw; flex-flow: row nowrap; justify-content: space-between; padding: 2.5px 30px 0px 30px; } & ul { margin-top: 15px; } & ul li { font-size: 2.2rem; line-height: 2.8rem; font-weight: 400; text-transform: lowercase; margin: 30px 0; } }}#menuAbout,#menuFam{display:none}.on-click{cursor:pointer}.homepageheader{height:fit-content}.imageheader{display:flex;justify-content:flex-start;align-content:center;overflow:clip;height:40vh;width:90vw;border:1.5px solid var(--primary-dark);margin:20px auto;& img { width: 90vw; object-fit: cover; }}.desktop-header{display:none}.mobile-header{display:flex;flex-flow:column nowrap;gap:0;position:relative;width:100vw;& div:nth-child(1) { position: absolute; order: 1; width: 90%; height: 95vh; background-image: url(/images/jpg/hbkindy2025-mainheader.jpg); background-size: cover; --mask: radial-gradient(78.26px at calc(100% - 105px) 50%,#000 99%,#0000 101%) 0 calc(50% - 70px)/100% 140px, radial-gradient(78.26px at calc(100% + 70px) 50%,#0000 99%,#000 101%) calc(100% - 35px) 50%/100% 140px repeat-y; -webkit-mask: var(--mask); mask: var(--mask); z-index: 9; } & div:nth-child(2) { position: absolute; background-color: var(--light-orange); width: 100vw; height: 95vh; z-index: 8; outline: 1.5px solid var(--primary-dark); } & div:nth-child(3) { display: flex; flex-flow: column nowrap; gap: 70px; justify-content: flex-start; padding: 80px 0; align-items: center; width: 100vw; height: 95vh; z-index: 9; border-top: 1.5px solid var(--primary-dark); color: var(--primary-dark); & img { width: 80%; max-width: 300px; order: 1; } & i { text-align: center; padding: 10px; top: 78%; color: var(--primary-neutral); background-color: var(--primary-lightest); height: 70px; width: 70px; border-radius: 35px; font-size: 3rem; z-index: 1; order: 2; &:active { transition-duration: 0.3s; transform: translateY(3px) scale(0.95); background-color: var(--light-yellow); opacity: 80%; } } } & div:nth-child(4) { order: 2; display: flex; flex-flow: column; height: fit-content; z-index: 1; border-bottom: 1.5px solid var(--primary-dark); border-top: 1.5px solid var(--primary-dark); background-color: var(--primary-yellow); & .break { display: block; position: relative; background-color: var(--primary-yellow); background-image: none; mask: none; order: 1; --webkit-mask: none; height: 80px; width: 100vw; } & p { display: block; order: 2; padding: 0 10px; text-transform: uppercase; font-size: 2rem; font-weight: 400; text-align: justify; } }}.content{display:flex;flex-flow:column;justify-content:center;width:100vw;height:auto;overflow:hidden;margin-top:-1.5px}.content p{text-align:left}h1{font-family:old standard tt,serif;font-size:3rem;line-height:3.2rem;font-weight:200}h2{font-size:1.4rem;line-height:2rem;font-weight:300;& > em { display: block; margin-top: 10px; font-size: 1.2rem; }}h3{font-weight:200;font-size:2.1rem;line-height:3rem;& > em { display: block; font-size: 1.5rem; line-height: 1.8rem; margin-top: 20px; }}h4{font-family:old standard tt,serif;font-weight:400;font-size:2.4rem;text-transform:lowercase;font-style:italic;padding:10px 0}h5{font-size:1rem;font-weight:300;line-height:1.8rem;& > a { text-decoration: underline; text-underline-offset: 6px; font-weight: 400; color: var(--primary-dark); &:active { text-decoration-color: var(--primary-lightest); } }}.section1{display:block}.section2{display:block;border-top:1.5px solid var(--primary-dark);border-left:1.5px solid var(--primary-dark);border-right:1.5px solid var(--primary-dark);border-top-left-radius:30px;border-top-right-radius:30px;margin-left:-1.5px;width:101vw;z-index:2;& em { font-weight: 300; }}.section3{display:block;--mask:radial-gradient(49.2px at 50% calc(100% - 69px),#000 99%,#0000 101%) calc(50% - 60px) 0/120px 100%,
    radial-gradient(49.2px at 50% calc(100% + 39px),#0000 99%,#000 101%) 50% calc(100% - 30px)/120px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask);width:101vw;margin:0 -1.5px}.section4{display:block;--mask:radial-gradient(49.2px at 50% 69px,#000 99%,#0000 101%) calc(50% - 60px) 0/120px 100%,
        radial-gradient(49.2px at 50% -39px,#0000 99%,#000 101%) 50% 30px/120px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask);margin:0 -1.5px;width:101vw}.section5{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100.2%;border-top:1.5px solid var(--primary-dark)}.prim-light{background-color:var(--primary-light)}.prim-neutral{background-color:var(--primary-neutral)}.prim-dark{background-color:var(--primary-dark)}.light-orange{background-color:var(--light-orange)}.light-yellow{background-color:var(--light-yellow)}.light-green{background-color:var(--light-green)}.light-purple{background-color:var(--light-purple)}.prim-purple{background-color:var(--primary-purple)}.prim-yellow{background-color:var(--primary-yellow)}.prim-green{background-color:var(--primary-green)}.prim-orange{background-color:var(--primary-orange)}.mgn-bot-neg{margin-bottom:-30px}.pad-lrg{padding:6rem 8% 3rem}.pad-heading{padding:3rem 8% 1rem}.pad-heading-offset{padding:6rem 8% 1rem}.pad-heading-bot-offset{padding:3rem 8% 6rem}.pad-heading-dbl-offset{padding:6rem 8% 2rem}.pad-p-no-heading{padding:4rem 8% .8rem}.pad-p{padding:.8rem 8%}.pad-p-feat{padding:3rem 9%}.pad-p-bot-offset{padding:.8rem 8% 4rem}.pad-p-dbl-offset{padding:6rem 8% 4rem}.pad-p-lrg-offset{padding:.8rem 8% 6rem}.fine-print{font-size:.8rem;line-height:1.2rem}.text-center{text-align:left}.single{margin-left:auto}.img-left img,.img-right img{display:block;margin:0 0 30px}.img-center img{display:block;justify-self:center;margin:30px auto}.img-bottom img{display:block;justify-self:left;margin:30px 0}.img-top img{display:block;justify-self:left;margin:0 0 30px}.img-border img{border:1.5px solid var(--primary-dark)}.img-sml img{width:40%}.img-med img{width:100%}.img-lrg img{width:100%}.img-feat img{width:100%}.float-img-left{display:inline;float:left;top:0;margin-right:20px;margin-top:-25px}.p-btn{display:inline-block;text-decoration:none;text-align:center;width:fit-content;text-transform:lowercase;font-size:1rem;line-height:1.5rem;font-weight:300;padding:5px 20px;margin:10px 0;border:1px solid #b7b2a5;border-radius:30px;background-color:var(--primary-light);&:active { color:var(--primary-orange); border-color:var(--primary-dark); }}.feat-link a{display:inline-block;text-decoration:none;color:var(--primary-dark);background-color:var(--primary-light);border:1.5px solid var(--primary-neutral);border-radius:50px;padding:20px 30px;font-weight:400;&:active { background-color:var(--primary-lightest); color:var(--primary-green); }}.feat-link-2 a{display:inline-block;text-decoration:none;text-transform:uppercase;padding:8px 0;border-radius:30px;font-weight:400;&:active { background-color:var(--primary-light); color:var(--primary-green); padding:8px 30px; }}.listcontainer{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;height:fit-content;width:100vw;padding:30px 5%;margin:auto;& ul { display: flex; flex-direction: column; gap: 20px; justify-content: center; } & ul li { cursor: pointer; list-style-type: none; & a { display: flex; flex-direction: column; height: fit-content; padding: 20px; color: var(--primary-dark); font-size: 2.5rem; font-weight: 400; font-family: 'Old Standard TT', serif; font-style: italic; text-transform: lowercase; text-decoration: none; text-align: center; background-color: var(--light-yellow); border: 1.5px solid var(--primary-dark); border-radius: 30px; &:active { background-color: var(--primary-lightest); border: 1.5px solid var(--primary-dark); color: var(--primary-dark); } } & span { display: inline-block; justify-self: center; justify-content: center; align-items: center; & img { width: 20%; cursor: pointer; } } & p { font-size: 1.1rem; line-height: 1.5rem; font-family: 'Roboto Mono', sans-serif; text-transform: none; font-style: normal; font-weight: 300; padding: 10px 0 0 0; text-align: center; cursor: pointer; } }}.mobile-footer{display:flex;flex-flow:column nowrap;background-color:var(--primary-lightest);border-top:1.5px solid var(--primary-dark);overflow:hidden;& > div:nth-child(1) { padding: 10px 20px 20px 20px; font-size: 0.8rem; & img { width: 50%; max-width: 150px; float: right; margin: 10px 0 0 0; } } & > div:nth-child(2) { background-color: var(--light-green); border-top: 1.5px solid var(--primary-dark); padding: 5%; & span { display: flex; width: 100%; justify-content: center; padding: 0 0 15px 0; } & a { display: block; padding: 3px; color: var(--primary-dark); font-size: 0.8rem; text-transform: uppercase; text-align: center; margin-bottom: 8px; &.btn { background-color: var(--dark-green); border-color: var(--dark-green); color: var(--primary-lightest); border-radius: 20px; padding: 5px; font-weight: 400; letter-spacing: 0.05rem; text-transform: uppercase; text-align: center; } } } & > div:nth-child(3) { background-color: var(--light-yellow); border-top: 1.5px solid var(--primary-dark); padding: 20px 30px; & img { max-height: 300px; object-fit: contain; } } & > div:nth-child(4) { font-size: 0.7rem; padding: 0 20px 50px 20px; text-align: center; background-color: var(--light-yellow); color: var(--dark-green); margin-bottom: -50px; & p { background-color: var(--primary-light); border: 1.5px solid var(--primary-dark); padding: 20px; border-radius: 20px; } } & > div:nth-child(5) { height: 120px; margin-bottom: -50px; background-image: url('/images/jpg/hbk-childrenplaying.jpg'); background-size: cover; background-position: bottom center; --mask: radial-gradient(49.2px at 50% 69px,#000 99%,#0000 101%) calc(50% - 60px) 0/120px 100%, radial-gradient(49.2px at 50% -39px,#0000 99%,#000 101%) 50% 30px/120px 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); } & > div:nth-child(6) { background-color: var(--primary-green); height: 80px; padding: 50px 0 0 0; font-size: 13px; text-align: center; color: var(--primary-dark); background-position: bottom center; --mask: radial-gradient(49.2px at 50% 69px,#000 99%,#0000 101%) calc(50% - 60px) 0/120px 100%, radial-gradient(49.2px at 50% -39px,#0000 99%,#000 101%) 50% 30px/120px 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); & a { color: var(--primary-dark); text-decoration: underline; } }}.fb-like{margin-top:40px}.desktop-footer{display:none}@media(min-width:1200px){nav{width:99%}h1{font-size:3.8rem;line-height:4.3rem;text-align:center}h2{font-size:2rem;font-weight:300;line-height:3rem}h3{text-align:center;font-size:3.2rem;line-height:4rem;& em { font-size: 2.4rem; line-height: 2.9rem; }}h5{font-size:1.5rem;line-height:2rem;& a { display: inline-block; &:hover { text-decoration-color: var(--primary-lightest); } &:active { text-decoration-color: var(--primary-lightest); } &:visited { text-decoration-color: var(--primary-dark); } }}.section2{width:100.2%}.section3{--mask:radial-gradient(87px at 50% calc(100% - 123px),#000 99%,#0000 101%) calc(50% - 120px) 0/240px 100%,
            radial-gradient(87px at 50% calc(100% + 63px),#0000 99%,#000 101%) 50% calc(100% - 60px)/240px 100% repeat-x;width:100.2%}.section4{--mask:radial-gradient(87px at 50% 123px,#000 99%,#0000 101%) calc(50% - 120px) 0/240px 100%,
            radial-gradient(87px at 50% -63px,#0000 99%,#000 101%) 50% 60px/240px 100% repeat-x;width:100.2%}.section5{display:flex;flex-direction:row;justify-content:space-between;width:100.2%;border-top:1.5px solid var(--primary-dark)}.pad-lrg{padding:6rem 15% 4rem}.pad-heading{padding:4rem 15% 2rem}.pad-heading-offset{padding:9rem 15% 2rem}.pad-heading-bot-offset{padding:4rem 15% 6rem}.pad-heading-dbl-offset{padding:9rem 15% 4rem}.pad-p-no-heading{padding:4rem 15% .8rem}.pad-p{padding:.8rem 15%}.pad-p-feat{padding:4rem 15%}.pad-p-bot-offset{padding:.8rem 15% 6rem}.pad-p-dbl-offset{padding:9rem 15% 6rem}.pad-p-lrg-offset{padding:.8rem 15% 9rem}.fine-print{font-size:1rem;line-height:1.2rem}.img-sml img{width:40%}.img-med img{width:50%}.img-lrg img{width:80%}.img-feat img{width:80%;max-width:800px}.img-left img{float:inline-start;margin:0 3% 10px 0}.img-right img{float:inline-end;margin:0 0 10px 3%}.img-center img{display:block;justify-self:center;margin:30px auto}.img-bottom img{display:block;justify-self:left;margin:60px 0 0}.img-top img{display:block;justify-self:left;margin:0 0 60px}.text-center{text-align:center}.nav-mobile{display:none}.nav-desktop{order:2;display:flex;flex-flow:row nowrap;height:80px;width:98vw;margin:0 1%;justify-content:space-between;padding:0 30px;font-size:25.5px;background-color:var(--primary-light);border-left:1.5px solid var(--primary-dark);border-right:1.5px solid var(--primary-dark);border-bottom:1.5px solid var(--primary-dark);& > div:nth-child(1) { display: flex; justify-content: space-between; gap: 20px; align-items: center; & > a { color: var(--primary-dark); font-size: 22px; &:hover { color: var(--primary-green); } } } & > ul { align-items: center; list-style: none; display: flex; gap: 30px; flex-flow: row nowrap; & > li { position: relative; align-items: center; font-size: 1.2rem; color: var(--primary-neutral); & > a { display: block; color: var(--primary-dark); text-decoration: none; text-transform: lowercase; font-weight: 300; padding: 5px 20px; border: 1px solid #b7b2a5; border-radius: 20px; transition-duration: 0s; &:hover { color: var(--primary-orange); border: 1px solid var(--primary-dark); } } & > ul { display: none; background-color: var(--primary-light); border-radius: 30px; position: absolute; width: 350px; left: -10px; overflow: auto; z-index: 999; padding: 10px 0; & > li { font-size: 1.2rem; font-weight: 300; text-transform: lowercase; padding: 0 10px; & > a { display: block; transition: 0.2s ease-in-out; padding: 10px 20px; color: var(--primary-dark); border-radius: 30px; &:hover { background-color: var(--primary-green); color: var(--primary-lightest); text-decoration: none; } } } } } }}.nav-desktop ul li:hover ul{display:flex;flex-flow:column nowrap;justify-content:center;align-content:space-around;gap:10px}.nav-desktop>div img{transition:.3s ease-in-out;&:hover { transform:scale(103%) rotate(-3deg); }}.mobile-footer{display:none}.desktop-footer{display:grid;grid-template-columns:10% 340px auto 10%;grid-template-rows:auto;grid-template-areas:". info logos ." ". aofc aofc ." "art art art art" "cpyr cpyr cpyr cpyr";column-gap:20px;background-color:var(--primary-lightest);padding:40px 0 0;border-top:1.5px solid var(--primary-dark);& img { transition: 0.4s ease-in-out; &:hover { transform: scale(102%); rotate: 3deg; } } & > div:nth-child(1) { grid-area: info; border: 1.5px solid var(--primary-dark); border-radius: 20px; background-color: var(--light-green); padding: 30px; font-size: 1rem; & a { display: block; padding: 5px 20px; margin: 8px 0; border-radius: 20px; color: var(--primary-dark); border: 1.5px solid var(--primary-green); &:hover { border-color: var(--primary-dark); background-color: var(--primary-green); color: var(--primary-lightest); } &.btn { background-color: var(--dark-green); border-color: var(--dark-green); color: var(--primary-lightest); font-weight: 400; letter-spacing: 0.05rem; text-transform: uppercase; text-align: center; font-size: 0.9rem; padding: 10px 20px; &:hover { letter-spacing: 0.5rem; font-weight: 500; color: var(--primary-yellow); } } } & img { padding: 20px 5px 10px 0px; } & details { border: 1.5px solid var(--primary-green); padding: 5px 20px; margin: 8px 0; border-radius: 20px; cursor: pointer; transition: 0.2s ease-in-out; &:hover { border-color: var(--primary-dark); background-color: var(--primary-green); color: var(--primary-lightest); } & summary { list-style-type: none; cursor: pointer; &::after { transition: 0.2s; } } & p { padding: 10px 4px; font-size: 1rem; } & a { padding: 5px 10px; color: var(--primary-lightest); background-color: var(--primary-green); text-decoration: underline; display: inline; border: 0; &:hover { text-decoration-color: var(--light-orange); } } } } & > div:nth-child(2) { grid-area: logos; text-align: center; border: 1.5px solid var(--primary-dark); border-radius: 20px; background-color: var(--light-yellow); padding: 70px 30px 30px 30px; & img { margin: 10px; } } & > div:nth-child(3) { grid-area: aofc; font-size: 0.9rem; padding: 20px; margin: 20px 6% 30px 6%; color: var(--dark-green); & p { width: 80%; text-align: center; float: left; } & img { margin: -10px 0 0 30px; float: right; } } & > div:nth-child(4) { grid-area: art; background-image: url('/images/jpg/hbk-childrenplaying.jpg'); background-size: cover; background-position: center; --mask: radial-gradient(78.26px at 50% 105px,#000 99%,#0000 101%) calc(50% - 70px) 0/140px 100%, radial-gradient(78.26px at 50% -70px,#0000 99%,#000 101%) 50% 35px/140px 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); height: 200px; margin: -50px 0 0 0; } & > div:nth-child(5) { display: block; grid-area: cpyr; padding: 4% 20% 1% 20%; background-color: var(--dark-green); --mask: radial-gradient(78.26px at 50% 105px,#000 99%,#0000 101%) calc(50% - 70px) 0/140px 100%, radial-gradient(78.26px at 50% -70px,#0000 99%,#000 101%) 50% 35px/140px 100% repeat-x; -webkit-mask: var(--mask); mask: var(--mask); margin: -50px 0 0 0; color: var(--primary-green); font-size: 0.7rem; font-weight: 400; letter-spacing: 0.05rem; text-align: center; text-transform: uppercase; & a { color: var(--primary-green); &:hover { text-decoration: underline; } } }}.fb-page{margin:20px 0;border:1.5px solid var(--primary-dark);overflow:hidden;display:block;width:276px}.mobile-header{display:none}.homepageheader{background-color:var(--light-green);height:750px;overflow-y:clip}.imageheader{justify-content:center;width:80vw;height:85vh;margin:100px auto 0;& img { width: 80vw; align-self: center; }}.content{justify-self:flex-start;width:99%;margin-top:-80px}.desktop-header{display:block;position:relative;& div:nth-child(1) { width: 65%; height: 700px; background-image: url(/images/jpg/hbkindy2025-mainheader.jpg); background-size: cover; --mask: radial-gradient(78.26px at calc(100% - 105px) 50%,#000 99%,#0000 101%) 0 calc(50% - 70px)/100% 140px, radial-gradient(78.26px at calc(100% + 70px) 50%,#0000 99%,#000 101%) calc(100% - 35px) 50%/100% 140px repeat-y; -webkit-mask: var(--mask); mask: var(--mask); } & div:nth-child(2) { position: absolute; align-content: center; width: 35%; height: 600px; top: 0; right: 0; padding-top: 120px; font-size: 5rem; font-weight: 200; line-height: 0.9em; text-align: left; color: var(--primary-dark); & p { font-size: 3rem; line-height: 3.5rem; font-weight: 400; color: var(--primary-green); background-color: var(--primary-lightest); display: inline-block; font-family: 'Old Standard TT'; font-style: italic; padding: 0 30px; border-radius: 40px; margin-top: 20px; transition: 0.5s cubic-bezier(.42,.97,.52,1.49); &:hover { transform: scale(104%) rotate(-3deg); cursor: default; } } } & div:nth-child(3) { position: absolute; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; height: 50px; width: 100vw; overflow-x: clip; border-bottom: 1.5px solid var(--primary-dark); border-top: 1.5px solid var(--primary-dark); background-color: var(--primary-light); & p { text-transform: uppercase; font-size: 1.8rem; font-weight: 400; text-align: center; white-space: nowrap; text-overflow: clip; } }}.hd-logo{margin-bottom:30px;transition:.3s cubic-bezier(.42,.97,.52,1.49);&:hover { transform:scale(110%) rotate(3deg); }}.p-btn{font-size:1.3rem;line-height:2.5rem;padding:0 20px;&:hover { color:var(--primary-orange); border-color:var(--primary-dark); }}.feat-link a{display:inline-block;padding:8px 30px;&:hover { background-color:var(--primary-lightest); color:var(--primary-green); }}.feat-link-2 a{text-transform:uppercase;&:hover { background-color:var(--primary-light); color:var(--primary-green); padding:8px 30px; }}.listcontainer{flex-direction:row;margin-top:100px;padding:50px 5%;& ul { flex-direction: row; column-gap: 30px; } & ul li { display: flex; cursor: pointer; & a { display: flex; flex-direction: column; justify-content: flex-start; width: 270px; height: fit-content; padding: 20px; color: var(--primary-dark); font-size: 2.2rem; font-weight: 400; font-family: 'Old Standard TT', serif; font-style: italic; text-transform: lowercase; text-decoration: none; text-align: center; border: 1.5px solid var(--primary-light); border-radius: 20px; background-color: transparent; &:hover { background-color: var(--light-yellow); border: 1.5px solid var(--primary-dark); color: var(--primary-dark); } } & span { display: flex; width: 230px; margin: 30px 0; cursor: pointer; & img { width: 35%; cursor: pointer; } } & p { font-size: 1.2rem; } }}.listpage{align-content:flex-start;height:fit-content;background-color:transparent;&:hover { color:var(--primary-orange); }}}