#carousel{justify-content:center;align-items:center;width:95%;height:auto;display:flex;position:relative}#carousel #slide-space{box-shadow:0px 0px 7px var(--color-slide-border);border-radius:.5rem;justify-content:space-evenly;display:flex;position:relative;overflow:hidden}#carousel #slide-space .slide{width:100%;height:100%;display:none}#carousel #slide-space .active-slide{transition:display 1s;animation:1.75s ease-in both showSlide;display:block}#carousel #prevButton,#carousel #nextButton{border:1px solid var(--color-white);width:4rem;height:auto;color:var(--color-white);background-color:#0000;border-radius:100%;justify-content:center;align-items:center;transition-duration:.5s;display:flex}:is(#carousel #prevButton,#carousel #nextButton) .arrow{border-radius:100%;padding:.4rem;font-size:2.5rem;font-weight:300;position:relative}:is(#carousel #prevButton,#carousel #nextButton):hover{cursor:pointer;background-color:var(--color-white);color:var(--color-heading);transition-duration:.5s}#carousel #prevButton{margin-right:1rem}#carousel #nextButton{margin-left:1rem}#carousel .indicators{gap:.5rem;display:flex;position:absolute;bottom:1rem}#carousel .indicators .indicator{background-color:var(--color-heading);cursor:pointer;border:none;border-radius:100%;outline:none;width:.7rem;height:.7rem;margin:0 .2rem;box-shadow:0 0 5px #555}#carousel .indicators .indicator-inactive{background-color:var(--color-white)}@keyframes showSlide{0%{opacity:0;transform:scale(1.025)}50%{opacity:1}to{transform:scale(1)}}
.contactCard{border:1px solid var(--color-background-extra-light);-webkit-backdrop-filter:brightness(.85);backdrop-filter:brightness(.85);border-radius:4px;justify-content:center;align-items:center;gap:.4rem;width:310px;height:150px;padding:1rem;display:flex}.contactCard .contact-icon{filter:grayscale();opacity:.4;width:50px}.contactCard hr{border-color:var(--color-heading);border-inline-end-style:none;height:5rem}.contactCard .contactCard-info{flex-direction:column;width:60%;padding-left:.4rem;display:flex}.contactCard .contactCard-info .contact-heading{text-transform:uppercase;color:var(--color-heading);letter-spacing:2px;font-family:Noto Serif Display,serif;font-size:1.2rem}.contactCard .contactCard-info .contact-text{color:var(--color-white);font-size:1rem}