:root{
    --background-options: #E9B3FB;
    --option-border: #6F00FF;
    --backround-main: hwb(0 95% 0%);
    --text-color-main: #3B0270;
}

body {
    background-color: var(--backround-main);
}

#model img {
    position: absolute;
}

#base {
    z-index: 1;
}

#top{
    z-index: 3;
    top: 60px;
    left: 9px;
}

#bottoms{
    z-index: 2;
    top:120px;
    left:9px;
}

#fronthair {
    z-index: 7;
}

#newoptions {
    position: relative;
    left: 150px;
    max-height: 210px;
    max-width: 320px;
    overflow: scroll;
    z-index: 10;
    border: solid var(--option-border) 2px;
    border-radius: 20px;
    border-top-left-radius: 0px;
    padding: 5px;
    scrollbar-width: none;
    background-color: var(--background-options);
}

#newoptions img {
    max-height: 100px;
}

.meow {
    display: block;
    grid-template-columns: 110px 110px 110px;
    gap: 10px;
    background-color: var(--background-options);
    width: 355px;
    height: 260px;
}



.tablink {
    z-index: 11;
    position: relative;
    left: 140px;
    margin-bottom: -2px;
    background-color: var(--background-options);
    margin-left: 10px;
    border: solid 2px var(--option-border);
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: papernotes;
    font-size: 21px;
    color: var(--text-color-main);
}

@font-face {
    font-family: 'papernotes';
    src: url(Papernotes.ttf);
}