monofile/src/style/app/pulldown.scss

@use "../base";

#overlay {
    position:absolute;
    left:0px;
    height: 100%;
    width:100%;
    top:0px;
    opacity:0.25;
    border:none;
    outline:none;
    background-color:#AAAAAA;

    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%;
}