@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap);body{margin:0}#q-app{font-family:Rubik,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjU3NiI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHg9IjEwIiB5PSIxMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIyIiBmaWxsPSIjZDNkM2QzIiBvcGFjaXR5PSIuMyIvPjwvcGF0dGVybj48L2RlZnM+PHBhdGggZmlsbD0iIzExNjdiMSIgZD0iTTAgMGgyMDAwdjE1MEwwIDIweiIvPjxwYXRoIGZpbGw9IiNlYmViZWIiIGQ9Ik0wIDMwMEwyMDAwIDB2MTUwTDAgMjB6Ii8+PHBhdGggZmlsbD0iIzE4N2JjZCIgZD0iTTEwMjMgMjUxLjc2NUw4MTguMzA4IDMzMC42MSAxMDIzIDQxMS44MjZ6Ii8+PHBhdGggZD0iTTgxOC41NTggMzMwLjg2TDE4MS4xNzEgNTc2LjcyMkgxMDIzVjQxMS44MjZ6Ii8+PHBhdGggZmlsbD0iIzAzMjU0YyIgZD0iTS0xIDU3Ni43MjJoMTgyLjE3MWwyMTkuNjQ5LTg0Ljk1M0wtMSAzMzguNDg4eiIvPjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0xMDIzIC43MjJILTF2MzM3Ljc2Nmw0MDEuNTcgMTUzLjAzMUwxMDIzIDI1MS43NjV6Ii8+PC9zdmc+);background-position:bottom;background-size:cover;min-height:100vh;background-repeat:no-repeat}.logo{padding:20px;text-align:center}.logo img{height:100px}.logo h1{font-weight:500;font-size:1.7em;text-align:center;-webkit-user-select:none;user-select:none}h1{margin:15px;font-weight:300}h2{font-size:2em;margin-bottom:0.75em}h2:not(:first-child){margin-top:0.75em}:focus{outline:none}input[type=text],textarea{border-color:transparent;border-bottom:1px dashed #f90!important;height:30px;width:75%;font-size:1.5em;border-radius:3px;background-color:initial}textarea{height:120px;width:100%}.field-group{position:absolute;top:Calc(20% - 20px);width:100%}.field-label{display:block;font-size:1.7em;padding-bottom:15px}.field-img{text-align:center;margin-bottom:-40px}.field-img img{max-width:300px}.field-area{padding:3em;background-color:#fffaef;box-shadow:1px 1px 1px 1px rgba(106,145,146,0.4);border-radius:2px;margin:5% 10%}.form-error-message{font-size:smaller;margin:1em;font-size:1.3em;font-weight:300;color:#ef6574;text-align:center;font-weight:400}.form-complete{padding-top:5%;font-size:1.2em}.form-complete h1{text-align:center;font-size:1.5em}.form-complete p{padding-left:100px}.nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:5px;z-index:10;display:flex;justify-content:center;transition:background-color 0.5s ease}.form-button{border:2px solid #fff;margin:5px;border-radius:5px;font-size:1.2em;left:Calc(50% - 25px);box-shadow:1px 1px 1px 1px rgba(106,145,146,0.4);cursor:pointer}.nav .form-button{font-weight:500;padding:10px;background-color:rgba(96,125,139,0.25)}.form-error-message .form-button{font-weight:700;padding:10px;position:inherit}.bar{height:7px;width:0px;background-color:#fefaa1;border-radius:2px;position:fixed;bottom:66px}::-webkit-scrollbar{width:0px}@media only screen and (orientation:portrait){input[type=text]{font-size:1.4em}textarea{font-size:1.2em}.field-label{font-size:1.5em}.field-group{top:Calc(30% - 90px)!important}.field-area{padding:2em 1em!important}.form-error-message .form-button{display:none}.form-complete{padding-top:5%;padding-bottom:35%}.form-complete p{padding-left:30px!important}h1{margin:0px;font-weight:600}}