@font-face {
    font-family: 'Authentic150';
    src: url(./cssassets/AUTHENTICSans-Condensed-150.woff);
}

@font-face {
    font-family: 'NudlesBold';
    src: url(./cssassets/Nudles-Bold.woff);
}

/* ---------- custom ---------- */

#manifesto {
    width: 100%;
    height: fit-content;
    background-color: bisque;
}

.manifesto-container {
    padding: 1rem;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2rem;
    color: #FF0000;
    font-weight: bold;
}

.circle {
    width: 10%;
    /* background-color: rgba(0, 255, 210, 0.9); */
    z-index: 5;
    /* border: 2px solid red; */
    margin: .2rem;
}

.manifesto-container h1 {
    font-family: 'Authentic150';
    /* font-family: 'Times New Roman', Times, serif; */
    text-align: center;
}

.floatright {
    float: right;
    shape-outside: polygon(2% 0%,
            100% 0%,
            100% 100%,
            2% 100%,
            50% 94%,
            76.6% 82.7%,
            94% 65.6%,
            100% 50%,
            94% 32.6%,
            76.6% 17.3%,
            50% 6%);
    shape-margin: 3%;
}

.hide {
    display: none;
}

.floatleft {
    float: left;
    shape-outside: polygon(0 0,
            98% 0,
            50% 6%,
            23.4% 17.3%,
            6% 32.6%,
            0 50%,
            6% 65.6%,
            23.4% 82.7%,
            50% 94%,
            98% 100%,
            0 100%);
    shape-margin: 0%;
}

.circle2 {
    float: left;
    shape-outside: circle(50%);
    width: 50%;
    height: 400px;
    /* background-color: red; */
}

.circle3 {
    float: right;
    shape-outside: circle(50%);
    width: 60%;
    height: 400px;
    /* background-color: red; */
}




.manifesto-container p {
    font-family: 'Authentic150';
    /* font-family: 'Times'; */
    display: block;
    font-size: 1.4rem;
    line-height: 1.4;
    /* margin-block-start: 1rem;
  margin-block-end: 1rem; */
    /* margin-inline-start: 2rem;
  margin-inline-end: 2rem; */
    width: 100%;
    height: fit-content;
    text-align: left;
    position: relative;
    z-index: 10;
    text-decoration: underline;
    text-decoration-line: dotted;
    text-decoration-thickness: 2rem;
    text-decoration-color: var(--shift-lavender);
    text-underline-offset: -1.2rem;
    text-decoration-skip-ink: none;
    /* background-color: white; */
    border-radius: 50%;
}

.float-wrapper1 {
    height: 100%;
    width: 100%;

}

.width-p10 {
    width: 10%;
}

.width-p20 {
    width: 20%;
}

.width-p30 {
    width: 30%;
}

.width-p40 {
    width: 40%;
}

.width-p50 {
    width: 50%;
}

.width-p60 {
    width: 60%;
}

.width-p70 {
    width: 70%;
}

.width-p80 {
    width: 80%;
}

.width-p90 {
    width: 90%;
}

.width-p100 {
    width: 100%;
}


/* .text p::before {
  content: "";
  float: right;
  height: 100%;
  width: 50%;
  shape-outside: polygon(
    2% 0%,
    100% 0%,
    100% 100%,
    2% 100%,
    50% 94%,
    76.6% 82.7%,
    94% 65.6%,
    100% 50%,
    94% 32.6%,
    76.6% 17.3%,
    50% 6%
    );
  shape-margin: 2%;
} */


/* .right {
  margin-left: 50%;
}

.center {
  margin-left: 25%;
}

.half-center {
  margin-left: 12.5%;
} */

.manifesto-footnote {
    font-family: 'Authentic150';
    /* font-family: 'Times New Roman'; */
    font-size: 1.1rem;
    line-height: 0.5rem;
    vertical-align: baseline;
    position: relative;
    top: -0.7rem;
    padding: .2rem;
}

.manifesto-container {
    width: 80%;
    margin: 0 auto;
}

.font-highlight {
    font-family: "NudlesBold";
    /* font-family: "Times New Roman"; */
    font-size: 1.5rem;
    line-height: 0.5rem;
    cursor: pointer;
    user-select: none;
}


.footnote-text {
    display: inline;
    font-size: 1.4rem;
    width: 50%;
    /* margin-inline-start: 3rem;
    margin-inline-end: 3rem;
    background-color: #AA8CFF; */
    color: var(--shift-magenta);
    padding: 0.3rem;
    /* height: 2.8rem;
    overflow-x: hidden;
    overflow-y: auto; */
    overflow: hidden;
    filter: blur(1) !important;
    z-index: 1;
}

.vis-hidden {
    visibility: hidden;
}

.alignright {
    align-self: flex-end;
    justify-self: flex-end;
}

.aligncenter {
    align-self: center;
}

.hidden {
    display: none;
}

.blur {
    filter: blur(1px);
}

@media screen and (max-width: 900px) {

#manifesto {
    width: 100%;
    height: fit-content;
    background-color: yellowgreen;
}

.manifesto-container {
    width: 100%;
}


  .width-p10, .width-p20, .width-p30, .width-p40, .width-p50, .width-p60, .width-p70, .width-p80, .width-p90, .width-p100 {
    width: 80%;
}

}