@font-face { font-family: "Gudea"; src: url("/static/fonts/Gudea-Regular.ttf") format("ttf"), url("/static/fonts/Gudea-Regular.woff2") format("woff2"); font-weight: 400; } @font-face { font-family: "Gudea"; src: url("/static/fonts/Gudea-Italic.ttf") format("ttf"), url("/static/fonts/Gudea-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; } @font-face { font-family: "Gudea"; src: url("/static/fonts/Gudea-Bold.ttf") format("ttf"), url("/static/fonts/Gudea-Bold.woff2") format("woff2"); font-weight: 700; } body { font-family: "Gudea", "sans-serif"; color: #333; margin: 0; } body { display: flex; min-height: 100vh; flex-direction: column; } #not-footer { flex: 1; } input { display: block; margin-top: 5px; margin-bottom: 15px; } th, td { padding: 15px; } input { border: 2px solid currentcolor; } input:invalid { border: 2px dashed red; } input:invalid:focus { background-image: linear-gradient(magenta, pink); } .error { color: red; } #welcome-message img { width: 50%; } @media all and (max-width: 768px) { .site img { width: 48px; } .logo { margin: 60px 0 !important; } } .logo { margin: 80px 0; } .logo img { margin-left: auto; margin-right: auto; display: block; width: auto; height: auto; max-width : 100% } .site { font-size: 15px; text-align: center; } .site img { display: block; margin-left: auto; margin-right: auto; } nav strong{ color: #333; font-size: 21px; } .navbar-menu.is-active { border: 1px black solid; } .container { padding: 0 30px } .column { margin-bottom: 20px !important; } .column a:link, footer a:link { color: #333; background-color: transparent; text-decoration: none; } .column a:visited, footer a:visited { color: #333; background-color: transparent; text-decoration: none; } footer { background-color: #AFAFAF !important; padding: 1rem 1.5rem !important; } footer .content span { padding-right: 0.5rem; } .container { padding-bottom: 2rem !important; } #formlogo.logo{ background-color: white; border: 1px solid black; transform: rotate(5deg); margin: 0 auto 2em auto !important; width: 75%; position: relative; bottom: 2em; padding: 0.8em } @media all and (min-width: 768px) { #formlogo.logo{ width: 50%; } .signup-form-box { max-width: 70%; margin: auto; margin-top: 4em; } } .signup-form-box { margin: auto; margin-top: 4em; border: #333 2px solid; } .form-header { background-color: #BCE1D1; height: 3.6em; } .form-body p,.form-body form { margin-left: 1em; margin-right: 1em; } .form-body { overflow-x: auto; } .form-body button{ margin-bottom: 1em; } .form-body .button#submit { padding: 0 4em !important; color: white; background-color: #AFAFAF; } .button { font-family: "Gudea", "sans-serif" !important; }