img#logo{height:auto;width:90px}.top-nav{align-items:center;color:#4285f4;justify-content:space-between;padding:15px 0}.menu,.top-nav{display:flex;flex-direction:row}.menu{list-style-type:none;margin:0;padding:0}.menu>li{font-size:15px;margin:0 1rem;overflow:hidden}.menu>li a{color:#4285f4}.menu>li a:hover{color:#3c4043;text-decoration:none}.menu-button-container{align-items:center;cursor:pointer;display:none;flex-direction:column;height:100%;justify-content:center;width:30px}#menu-toggle{display:none}.menu-button,.menu-button:after,.menu-button:before{background-color:#4285f4;border-radius:2px;display:block;height:4px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:30px}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:#fff}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;transform:rotate(-405deg)}@media (max-width:700px){.menu-button-container{display:flex}.menu{align-items:center;flex-direction:column;justify-content:center;left:0;margin-top:90px;position:absolute;top:0;width:100%;z-index:9}#menu-toggle~.menu li{border:0;height:0;margin:0;padding:0;transition:height .4s cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.menu li{border-top:1px solid #ddd;height:2.5em;padding:.5em;transition:height .4s cubic-bezier(.23,1,.32,1)}.menu>li{background-color:#fff;color:#4285f4;display:flex;justify-content:center;margin:0;padding:.5em 0;width:100%}.menu>li:not(:last-child){border-bottom:1px solid #444}}