@import "https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css";
@import url("FatMolly-Regular.otf");

@font-face {
  font-family: FatMolly;
  src: url("FatMolly-Regular.otf");
  font-weight: normal; /* Adjust as needed */
  font-style: normal;  /* Adjust as needed */
}

:root {
  --bulma-primary-h: 206deg;
  --bulma-primary-s: 70%;
  --bulma-primary-l: 35%;
  --bulma-link-h: 242deg;
  --bulma-link-s: 45%;
  --bulma-link-l: 53%;
  --bulma-info-h: 293deg;
  --bulma-info-s: 27%;
  --bulma-info-l: 54%;
  --bulma-success-h: 332deg;
  --bulma-success-s: 52%;
  --bulma-success-l: 63%;
  --bulma-warning-h: 16deg;
  --bulma-warning-l: 72%;
  --bulma-danger-h: 345deg;
  --bulma-danger-l: 87%;
  --bulma-scheme-h: 206;
  --bulma-scheme-s: 70%;
  --bulma-radius-small: 0.35rem;
  --bulma-radius: 0.35rem;
  --bulma-radius-medium: 0.35rem;
  --bulma-radius-large: 0.35rem;
  --bulma-radius-rounded: 0.35rem;
  --bulma-burger-h: 208deg;
  --bulma-family-primary: "Fredoka";
  --bulma-code-family: JetBrains Mono;
  --bulma-body-color: var(--bulma-primary-bold);
  --bulma-body-background-color: var(--bulma-primary-soft);
  --bulma-body-line-height: 1.5;
  --bulma-hr-background-color: var(--bulma-primary);
}

.title, .subtitle {
  font-family: FatMolly !important; 
  letter-spacing: 0.1rem;
}

.card {
  --bulma-card-background-color: var(--bulma-primary-15);
  --bulma-card-shadow: ;
  --bulma-card-radius: 0.35rem;
  --bulma-card-header-shadow: ;
}

.box {
  --bulma-box-background-color: var(--bulma-primary-10);
  --bulma-box-radius: 0.35rem;
  --bulma-box-shadow: ;
}

.content {
  border-radius: 0.35rem !important;
  --bulma-content-heading-color: var(--bulma-primary-70);
  --bulma-content-heading-line-height: 1.5;
  --bulma-content-blockquote-background-color: var(--bulma-primary-10);
  --bulma-content-blockquote-border-left: 10px solid hsl(221,14%,24%);
  --bulma-content-block-margin-bottom: 2em;
}

.highlight,
.highlight div,
.highlight pre {
  border-radius: 0.35rem;
}

html,
body {
  margin: 0;
  height: 100%;
}

.wrapper {
  box-sizing: border-box;
  position: relative;
  padding-bottom: 50; 
  min-height: 100%;
}

.footer {
  --bulma-footer-padding: 1rem 1rem 1rem 1rem;
    position: absolute;
  bottom: 0;
  width: 100%;
}

blockquote {
  border-radius: 0.35rem;
}

img {
  border-radius: 0.35rem;
}

.container {
    padding-top: 1rem;
  margin-bottom: 2rem;
}

.rounded {
	border-radius: 0.5rem;
	overflow:hidden;
	position:relative;
  margin-bottom: 2rem;
}