/* src/styles.scss */
* {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: #fffcf3;
}
a {
  text-decoration: none;
  color: black;
}
.btn {
  cursor: pointer;
  border-style: unset;
  border: 4px solid black;
  padding: 20px 60px;
  font-family: "Overpass", sans-serif;
  font-size: 23px;
  background-color: #fffcf3;
  transition: all 0.125s ease-in-out;
}
.btn:hover {
  padding: 20px 80px;
  font-weight: 700;
}
.btn:active {
  background-color: black;
  color: #fffcf3;
}
*::-webkit-scrollbar {
  height: 10px;
  width: 5px;
}
*::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #dfe9eb;
}
*::-webkit-scrollbar-track:hover {
  background-color: #b8c0c2;
}
*::-webkit-scrollbar-track:active {
  background-color: #b8c0c2;
}
*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #5987ff;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #396eff;
}
*::-webkit-scrollbar-thumb:active {
  background-color: #396eff;
}
@font-face {
  font-display: swap;
  font-family: "Syne";
  font-style: normal;
  font-weight: 400;
  src: url("./media/syne-v22-latin-regular-6UTYI6IK.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Syne";
  font-style: normal;
  font-weight: 500;
  src: url("./media/syne-v22-latin-500-DLSUZYMP.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Syne";
  font-style: normal;
  font-weight: 600;
  src: url("./media/syne-v22-latin-600-2OMFULSK.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Syne";
  font-style: normal;
  font-weight: 700;
  src: url("./media/syne-v22-latin-700-7MWUTDCM.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Syne";
  font-style: normal;
  font-weight: 800;
  src: url("./media/syne-v22-latin-800-5SEF6UHE.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 100;
  src: url("./media/overpass-v13-latin-100-7H57N2W4.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 100;
  src: url("./media/overpass-v13-latin-100italic-TTK663FB.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 200;
  src: url("./media/overpass-v13-latin-200-MKKXNLZT.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 200;
  src: url("./media/overpass-v13-latin-200italic-UUSYSIGK.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 300;
  src: url("./media/overpass-v13-latin-300-Z3DUN6DK.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 300;
  src: url("./media/overpass-v13-latin-300italic-E7DYAHJT.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 400;
  src: url("./media/overpass-v13-latin-regular-ZK77XNQQ.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 400;
  src: url("./media/overpass-v13-latin-italic-CQLYFGT5.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 500;
  src: url("./media/overpass-v13-latin-500-5JQXFN7P.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 500;
  src: url("./media/overpass-v13-latin-500italic-HBJHAJTP.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 600;
  src: url("./media/overpass-v13-latin-600-43COUMYV.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 600;
  src: url("./media/overpass-v13-latin-600italic-XVZTHGMT.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 700;
  src: url("./media/overpass-v13-latin-700-EGTGNMPW.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 700;
  src: url("./media/overpass-v13-latin-700italic-37TJZGGR.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 800;
  src: url("./media/overpass-v13-latin-800-MNY6LLUS.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 800;
  src: url("./media/overpass-v13-latin-800italic-G2IFGHUZ.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: normal;
  font-weight: 900;
  src: url("./media/overpass-v13-latin-900-DS3PFZN2.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Overpass";
  font-style: italic;
  font-weight: 900;
  src: url("./media/overpass-v13-latin-900italic-HWYZS623.woff2") format("woff2");
}

/* angular:styles/global:styles */