:root {
    --primarycolor: rgb(139, 9, 44);
}
html, body {
    height: 100%;
    background-color: #404040;
    font-family: Arial, Helvetica, sans-serif;

}
a h3 {
    font-weight: 900;
    color: var(--primarycolor);
    font-size: 30px;
    letter-spacing: -2px;
    text-decoration: none;
    float:left;
}
h4 {
    font-size: 14px;
    color: #aaa;
    clear:both;
}
h1 {
    color: #aaa;
    font-size: 200px;
    text-align:center;
}
#main {
    margin:0 auto;
    background-color: #fff;
    padding: 4px;
}
#map {
    height: 400px;
    width: 100%;
} 

#listings {
    font-size: 2rem;
}

.centercontent {
    padding: 4px;
}

.addlabel {
}

.addinput {
}

.centercontent table {
    width: 100%;
}

.btnadd {
    float:right;
    margin: 4px;
    top: 0px;
    background-color: var(--primarycolor);
    border: 0px;
}
td {
    vertical-align: top;
}

@media only screen and (min-width:749px) {

    #main {
        margin:0 auto;
        border-left: solid 20px black;
        border-right: solid 20px black;
        border-top: solid 40px black;
        background-color: #fff;
        box-shadow: 0px 0px 20px 4px #000000;
        border-radius: 25px 25px 0px 0px;
    }
    #frame {
        max-width: 800px;
        margin:0 auto;
        border-left: solid 4px silver;
        border-right: solid 4px silver;
        border-top: solid 4px silver;
        border-radius: 25px 25px 0px 0px;
    }
    #canvas {
        padding-top: 20px;
    }
    body {
        background-image: url('/img/background.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
    }

}