@font-face {
   font-family: "Atyp Display Light";
   src: url("fonts/AtypDisplay-Light.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Material Symbols Outlined";
   src: url("fonts/Material Symbols Outlined Bold.woff2") format("woff2");
   font-weight: bold;
   font-style: normal;
}
@font-face {
   font-family: "Material Symbols Outlined";
   src: url("fonts/Material Symbols Outlined Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Colus";
   src: url("fonts/Colus Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Atyp Text Medium";
   src: url("fonts/AtypText-Medium.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Open Sans";
   src: url("fonts/Open Sans Bold.woff2") format("woff2");
   font-weight: bold;
   font-style: normal;
}
@font-face {
   font-family: "Atyp Text";
   src: url("fonts/AtypText-Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Atyp Text";
   src: url("fonts/AtypText-Italic.woff2") format("woff2");
   font-weight: normal;
   font-style: italic;
}
@font-face {
   font-family: "Atyp Text";
   src: url("fonts/AtypText-Bold.woff2") format("woff2");
   font-weight: bold;
   font-style: normal;
}
@font-face {
   font-family: "Atyp Text";
   src: url("fonts/AtypText-BoldItalic.woff2") format("woff2");
   font-weight: bold;
   font-style: italic;
}