body {
    background-color: #9ba9ea;
    color: #393256;
    display: flex;
    font-family: becketRegular;
    font-size: 1.125rem;
}

main {
    width: min(45rem, 100%);
    padding: 1rem;
    margin: 0 auto;
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    display: none;
}

h2 {
    font-family: becketBold;
    font-size: 1.125rem;
}

@font-face {
    font-family: becketLight;
    src: url("https://cdn.glitch.global/06a9e091-b318-4265-bf82-c3b5f0ed6dba/F37Beckett-Light.otf?v=1683727592921");
}

@font-face {
    font-family: becketBold;
    src: url("https://cdn.glitch.global/6b705643-fe58-4b8b-a6c4-f14f0d5175bc/F37Beckett-Demi.otf?v=1696581892497");
}

@font-face {
    font-family: becketRegular;
    src: url("https://cdn.glitch.global/6b705643-fe58-4b8b-a6c4-f14f0d5175bc/F37Beckett-Regular.otf?v=1696581806888");
}

.ingress {
    font-size: 1.25rem;
    font-family: becketBold;
}

.program {
    padding: 1rem;
    background-color: #fff;
}

.program__rep {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #393256;
    padding: 1rem 0;
}

.program__line {
    display: flex;
    gap: 1ch;
}

.program__line div:nth-child(1) {
    font-family: becketBold;
}

.program__line div:nth-child(2) {
    font-family: becketLight;
}

.btn {
    padding: 0.75rem 2rem;
    display: inline-block;
    margin: 1rem 0 2rem;
    border: none;
    border-radius: 100vw;
    line-height: 1.5;
    background-color: #393256;
    color: #9ba9ea;
    transition: 100ms ease-in-out;
    cursor: pointer;
    text-decoration: none;
    font-family: becketBold; }