@import url('https://use.typekit.net/quy5onp.css');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

#PageMain {
background: linear-gradient(90deg, rgba(255,247,174,1) 0%, rgba(254,170,248,1) 100%);;
 /* CARD BACKGROUND */
 --card-background: #ffffff;
 --card-background-hover: rgba(255, 255, 255, 0.85);

 /* MAIN BORDER */
 --main-border: 2px solid #d4d4d2;
 --main-border-color: #d4d4d2;

 /* IMAGE OVERLAY */
 --image-overlay-lt: rgba(0, 0, 0, 0.2);

 /* BORDER RADIUS */
 --border-radius: 20px;
 --btn-border-radius: 20px;

 /* FONTS */
 --ff-headline: omnes-pro, sans-serif;
 --ff-body: neue-haas-grotesk-text, sans-serif;
 --ff-btn: omnes-pro, sans-serif;

 /* FONT COLORS */
 --ff-headline-color: #000000;
 --ff-body-color: #333333;
 --text-white: #ffffff;
 --text-white-hover: #cccccc;
 --btn-primary-color: #1b1464;
 --btn-primary-hover-color: rgba(27,20,100, .85);
 --btn-primary-ff-color: #daf222;
 --btn-primary-ff-hover-color: #daf222;
 --btn-default-color: #ffffff;
 --btn-default-hover-color: #ffffff;
 --btn-default-ff-color: #ffffff;
 --btn-default-ff-hover-color: #000000;
}

#PageMain,
#PageFooter {
 margin-top: 0;
}