/* src/styles.scss */
body {
  overflow-x: hidden;
  margin: 0px;
  background: black;
  font-family: "Roboto";
}
:root {
  --cv-section-object-width: 36%;
  --cv-section-object-heigh: 25px;
  --cv-section-object-color: #a8a8a8;
  --cv-header-text-size: 1.35em;
  --cv-body-text-size: 1em;
  --blog-item-side: 360px;
  --post-container: 960px;
  --project-container: 960px;
  --xl-container-width: 1140px;
  --lg-container-width: 960px;
  --md-container-width: 720px;
  --sm-container-width: 540px;
  --xs-container-width: 100%;
  --sidebar-width: 20vw;
  --sidebar-footer-header-height: 130px;
  --primary-white: white;
  --primary-black: black;
  --secondary-gray: #999;
  --sidebar-menu-toggle-size: 50px;
}
@media (max-width: 1200px) {
  :root {
    --cv-section-object-width: 40%;
    --sidebar-width: 22vw;
    --container: --lg-container-width;
    --post-container: 768px;
    --project-container: 768px;
  }
}
@media (max-width: 992px) {
  :root {
    --cv-section-object-width: 40%;
    --sidebar-width: 20vw;
    --container: --md-container-width;
    --post-container: 576px;
    --project-container: 576px;
  }
}
@media (max-width: 768px) {
  :root {
    --cv-section-object-width: 45%;
    --sidebar-width: 20vw;
    --container: --sm-container-width;
    --post-container: 320px;
    --project-container: 320px;
  }
}
@media (max-width: 576px) {
  :root {
    --cv-section-object-width: 60%;
    --sidebar-width: 25vw;
    --container: --xs-container-width;
    --blog-item-side: 80%;
    --cv-header-text-size: 5vw;
    --cv-body-text-size: 3.8vw;
    --post-container: 66vw;
    --project-container: 66vw;
  }
}
@media (max-width: 576px) and (orientation: portrait) {
  :root {
    --post-container: calc(100% - 12px);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */