html {
    -ms-overflow-style: none;  // IE 10+
overflow: -moz-scrollbars-none;  // Firefox
}
html::-webkit-scrollbar {
    display: none;  // Safari and Chrome
}
body{
    margin:0 0 0 0;
    text-align: center;
    background-color: #404040;
    position: relative;
}
#top{
    position: fixed;
    width: 100%;  height: 60px;
    background-color: #f4f4f4;
    text-align: center;
}

.topHidden{
    top: -200px;
}

.topMove{
    animation: topAnim 0.5s;
}

@keyframes topAnim {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

#Topholder{
    float: left;
}
#menu{
    float: right;
}

#logo{
    max-width: 60px;
    max-height: 60px;
    float: left; margin-top: -2px; margin-left: 1vw;
}

#title{
    float: left; margin-top: 10px; margin-left: 2vw;
    color: #404040;
    font-size: 43px;
    font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}
.nav{
    float: right;
    margin-top: 10px;
}

.nav li{
    margin-right: 25px;
    display: inline-block;
}
.nav li a{
    color: #404040;
    font-size: 14px;
    font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}
a:link {
    color: #404040;text-decoration: none;
}

a:visited {
    color: #404040;text-decoration: none;
}

a:hover {
    color: #121212;text-decoration: underline;
}

a:active {
    color: #404040;text-decoration: none;
}
.line{
    position: fixed;
    margin: 60px 10% 0px 10%;
    width: 100%; height: 2px;
    background-color: #404040;
}

#content {
    padding-top: 100px;
    width: 100vw; min-height: 100vh;
    margin: auto;
    text-align: center;
    font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

input {
    border: none;
    box-shadow: none;
}

@media screen and (orientation: portrait) {
    #content {
        padding-top: 10vh;
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
    }
    #top {
        margin-left: 0; margin-right: 0;
        width: 100%;
        height: 8vh;
    }

    .topHidden{
        top: -400px;
    }

    #logo{
        max-width: 8vh;
        max-height: 8vh;
        float: left; margin-top: -2px; margin-left: 1vw;
    }
    #title{
        width: 0;
        visibility: hidden;
    }
    .nav{
        margin-top: 2vh;
    }
    .nav li a{
        color: #404040;
        font-size: 2vh;
        font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    }
}