:root{
    --primary: #fd5858;
    --primary-10: #ff707025;
    --primary-selected: #ff8383;
    --light-text: #999;
    --dark-bg: #f5f5f5;
    --darkest-bg: #ccc;
    --light-bg: #fafafa;
    --white: #fff;
    --black: #252525;

}


ul{list-style: none;}

.navBtn{font-weight: 700; color: #fff; background-color: var(--primary); padding: 10px 25px; border-radius: 6px; box-shadow: var(--small-outerShadow), var(--small-innerShadow);}
.center-inline{position: relative; left: 50%; transform: translateX(-50%);}


.mainbtn{width: fit-content; font-weight: 700; padding: 20px 35px; background-color: var(--primary); color: #fff; border-radius: 6px;}
.secbtn{width: fit-content; font-weight: 700; padding: 20px 35px; background-color: transparent; color: #fff; border-radius: 6px; border: solid 2px #fff;}

@media screen and (max-width: 1200px) {
    .mainbtn, .secbtn{padding: 15px 20px !important;}
}



html, body{max-width: 100svw; overflow-x: hidden;}