* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    background-color: white;
}

.menubar {
    font-family: 'Inter Tight', sans-serif;
    color: rgb(0, 0, 0);
    max-width: 600px;
    container-type: inline-size;
}

#topBar {
    border-color: rgb(180, 180, 180) !important;
}

#tekstcontent_home {
    position: relative;
    padding-left: 36px;
    overflow: hidden;
}

#tekstcontent {
    position: relative;
    padding-left: 8%;
    /* padding-left: 8.67%; */
}

#quote {
    left: 0px;
    /* top: -40px; */
}

.quote {
    position: absolute;
    transform: rotate(90deg);
    transform-origin: 0% 100%;
    font-size: 28px;
    color: rgba(205, 205, 205, 0.5);
    text-shadow: 0px 0px 1.8px rgba(185, 185, 185, 0.8);
}

#sidecategory {
    left: -7px;
    /* top: -1.50em; */
}

.sidecategory {
    position: absolute;
    transform: rotate(90deg);
    transform-origin: 0% 100%;
    letter-spacing: 0.03em;
    font-size: 16.67cqw;
}

.artikelpre {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    font-size: 5cqw;
    cursor: pointer;
    padding-top: 8%;
    padding-left: 10%;
    padding-right: 10%;
}

.artikel {
    overflow: hidden;
    font-size: 5cqw;
    padding-left: 10%;
    padding-right: 5%;
}

.fs1 {
    font-size: 10cqw;
}

.fs2 {
    font-size: 8cqw;
}

.fs3 {
    font-size: 6.5cqw;
}

.fs4 {
    font-size: 5cqw;
}

.fs5 {
    font-size: 3.5cqw;
}

.fs6 {
    font-size: 2cqw;
}

.dots {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 7cqw;
    line-height: 35%;
}

.dropperdiv {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 90px);
}

.dropperdiv2 {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 140px);
}