@import './style/font.css';
@import './style/reset.css';

body {
    margin: 0;
    padding: 0;
    font-size: 24px;
    background: black;
    font-family: arial,sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p {
    padding: 0;
    margin: 0;
}

a{
    color: white;
    text-decoration: none;
}
.marquee {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    height: 34px;
    padding: 5px;
    color: white;
}

#fly {
    color: white;
    width: 100%;
    height: 29vh;
    z-index: 10000;
}

.menu, .title {
    padding: 0;
    color: white;
    font-size: 1em;
    display: inline;
    margin: .3em .2em 0em .2em;
}

.menu {
    float: right;
}

.title {
    float: left;
}

#top {
    margin: 0px auto;
    width: 100%;
    border: none;
    border-radius: 3px;
    font-size: 1em;
    color: #fff;
    background: black;
    height: 6vh;
    z-index: 10000;
}

#map, #container {
    min-height: 60vh;
    width: 49%;
    display: inline-block;
    z-index: -10;
}
#map{
    float: left;
}

#container>img {
    height: 60vh;
}
@media only screen and (min-width: 1300px) {
    #container>img {
        width:100%;
    }
}

#main {
    width: 100%;
    position: fixed;
}

button, input[type="submit"], input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

@media only screen and (max-width: 1025px) {
    #map, #container {
        width: 100%;
        height: 30vh;
        display: block;
        min-height: 20vh;
    }
    #under{
        min-height: 60vh;
    }
    
    #container>img {
        height: 30vh;
        width: 100%;
    }
    #container{
        min-height: 10vh;
    }
    #fly{
        height: 28vh;
    }
}