@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins');

* {
    padding: 0px;
    margin: 0px;
}

body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100vh;
    display: flex;
    background-color: #56baed;
}

    header {
        width: 28vh;
        height: 8vh;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        z-index: 2;
        background-color: white;
        margin-top: -3.8vh;
        border-radius: 40px;
        min-width: 200px;
    }

        nav {
            margin: auto auto 5px auto;
        }

            ul {
                font-family: Poppins;
                white-space: nowrap;
            }

                li {
                    display: inline-block;
                    padding: 10px 10px 0px 10px;
                    color: black;
                    margin: 2px 10px;
                    font-size: 2vh;
                    cursor: pointer;
                    color: #cccccc;
                    white-space: nowrap;
                }

                    #op-login {
                        border-bottom: 2px solid #5fbae9;
                        margin: 0px 10px;
                        color: black;
                    }

    iframe {
        overflow:hidden;
        width: 100%;
        height: 100vh;
        position: absolute;
        z-index: 1;
        border: none;
    }