@font-face {
    font-family: "Did";
    src: url("/fonts/Didot-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Ave";
    src: url("/fonts/AvenirLTStd-Roman.otf") format("opentype");
}

@font-face {
    font-family: "Noir";
    src: url("/fonts/Noir_medium.otf") format("opentype");
}

@font-face {
    font-family: "Noir-reg";
    src: url("/fonts/Noir_regular.otf") format("opentype");
}

@font-face {
    font-family: "Mont-thin";
    src: url("/fonts/Montserrat/Montserrat-Thin.ttf");
}

@font-face {
    font-family: "Mont-light";
    src: url("/fonts/Montserrat/Montserrat-Light.ttf");
}

@font-face {
    font-family: "Mont-sem";
    src: url("/fonts/Montserrat/Montserrat-SemiBold.ttf");
}

@font-face {
    font-family: "Caslon";
    src: url("/fonts/ACaslonPro-Bold.otf") format("opentype");
}

@font-face {
    font-family: "Caslon-sem";
    src: url("/fonts/ACaslonPro-Semibold.otf") format("opentype");
}

#overlay-backer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: gray;
    opacity: 60%;
}

.popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40%;
    width: 40%;
    background: white;
    border-radius: 20px;
}

.myXbtn {
    position: absolute;
    left:27px;
    top:-5px;
    transform: scale(1.3);
    color:rgb(155, 155, 155);
    cursor: pointer;
}

.myXbtn:hover {
    color:rgb(122, 122, 122);
}

.more-content-heading {
    font-family: "Mont-sem";
    font-size: 2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}