@use "../base";
@use "pulldown/help";
@use "pulldown/accounts";
@use "pulldown/files";
@use "pulldown/modals";

#overlay, .modalContainer {
    position:absolute;
    left:0px;
    height: 100%;
    width:100%;
    top:0px;
    border:none;
    outline:none;
    background-color:rgba(170, 170, 170, 0.25);

    z-index: 1000;
}

.pulldown {
    position: absolute;
    width: 300px;
    height: 400px;
    background-color: #191919;
    color: #dddddd;

    top:0px;
    left:50%;
    transform:translateX(-50%);

    @media screen and (max-width: 500px) {
        width: 100%;
        height: 100%;
    }

    p, h1, h2 {
        margin:0px;
    }

    z-index: 1001;
}

.pulldown_display {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}