@import url('https://fonts.googleapis.com/css?family=Roboto:100,400');input::placeholder,textarea::placeholder{opacity:1;transition:opacity .2s;color:inherit}input:focus::placeholder,textarea:focus::placeholder{opacity:.2}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;transition:opacity .2s;color:inherit}input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{opacity:.2}*{box-sizing:border-box;-webkit-appearance:none;-webkit-tap-highlight-color:transparent !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important;outline:0;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;letter-spacing:0;font-family:"Roboto",sans-serif}body{background-color:#fafafa;color:#5c616c;margin:0;font-size:13px}a:link,a:visited,a:active,a{color:#1875d1;font-weight:bold;text-decoration:none;cursor:pointer}a *{cursor:pointer !important}a:link:hover,a:visited:hover,a:active:hover,a:hover{text-decoration:underline}label{cursor:pointer;display:inline-block;padding:.56em 0}h1{font-size:50px;font-weight:lighter;line-height:70px}h2{font-size:40px;font-weight:lighter;line-height:50px}h3{font-size:32px;font-weight:lighter;line-height:40px}h4{font-size:26px;font-weight:lighter;line-height:38px}h5{margin-top:20px;margin-bottom:10px;font-size:20px;font-weight:bold;line-height:30px}h6{padding-left:30px;margin:10px 0;font-size:16px;font-weight:bold;line-height:24px}section,article,.section,.article,.paper{line-height:2em;word-wrap:break-word;word-break:normal;line-height:2em}hr{width:50%;border:3px solid #5c616c;background-color:#5c616c;border-radius:4px}input:not([type=submit]):not([type=radio]):not([type=checkbox]),textarea{border:2px solid black;background:white;color:black;border-radius:2px;margin:7px 0;height:45px;padding:0 10px;font-size:14px;font-weight:bold;cursor:text;user-select:text;-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}input[type=checkbox],input[type=radio]{font-size:1em;border:.125em solid black;background:white;cursor:pointer;height:1.2em;width:1.2em;box-shadow:inset 0 0 0 .125em white;vertical-align:text-top;margin:0 .3em;padding:0;transition:background-color .2s}input[type=checkbox]:checked,input[type=radio]:checked{background:#1875d1}label:hover>input[type=checkbox]:not(:checked),label:hover>input[type=radio]:not(:checked){background:#000}input[type=checkbox]{border-radius:.125em}input[type=radio]{border-radius:100%}textarea{padding:10px;height:200px}label.checktext{width:auto;padding:0}label.checktext input{display:none}label.checktext span{display:inline-block;cursor:pointer;color:#5c616c;border-bottom:.125em solid #5c616c;margin:.625em;line-height:1em;transition:transform .2s}label.checktext input:not(:checked)+span:hover{transform:scale(1.3)}label.checktext input:checked+span{color:#000;font-weight:bold;font-size:2.5em;margin:-.25em .255em 0;transform:translateY(.12em);border-color:#1875d1}select{font-size:1em;border:.125em solid #000;cursor:pointer;height:3.13em;margin-left:.3em;padding:0 1.8em 0 .3em;border-radius:.125em;width:13em;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iQ2FwYV8xIgogICB4PSIwcHgiCiAgIHk9IjBweCIKICAgd2lkdGg9IjE5IgogICBoZWlnaHQ9IjE5IgogICB2aWV3Qm94PSIwIDAgMTkgMTkiCiAgIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk2MCA1NjAiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIHNvZGlwb2RpOmRvY25hbWU9IkFycm93LWRvd24uc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkyLjIgMjQwNTU0NiwgMjAxOC0wMy0xMSI+PG1ldGFkYXRhCiAgIGlkPSJtZXRhZGF0YTEwIj48cmRmOlJERj48Y2M6V29yawogICAgICAgcmRmOmFib3V0PSIiPjxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PjxkYzp0eXBlCiAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PGRjOnRpdGxlPjwvZGM6dGl0bGU+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzCiAgIGlkPSJkZWZzOCIgLz48c29kaXBvZGk6bmFtZWR2aWV3CiAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjI3MzQiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEzMjYiCiAgIGlkPSJuYW1lZHZpZXc2IgogICBzaG93Z3JpZD0iZmFsc2UiCiAgIGZpdC1tYXJnaW4tdG9wPSIwIgogICBmaXQtbWFyZ2luLWxlZnQ9IjAiCiAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiCiAgIGZpdC1tYXJnaW4tYm90dG9tPSIwIgogICBpbmtzY2FwZTp6b29tPSI2LjcxNjY2NjciCiAgIGlua3NjYXBlOmN4PSI5LjE0MTc2NTIiCiAgIGlua3NjYXBlOmN5PSI0LjYzNDUyOTgiCiAgIGlua3NjYXBlOndpbmRvdy14PSIxMDM0IgogICBpbmtzY2FwZTp3aW5kb3cteT0iMTY4IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJDYXBhXzEiIC8+CjxnCiAgIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iCiAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMDMzOTI4MzYsMCwwLDAuMDMzOTI4MzYsLTYuNzg1NjU1MiwxLjY5NjcxNjNlLTUpIj4KCTxwYXRoCiAgIGQ9Ik0gNDgwLDM0NC4xODEgMjY4Ljg2OSwxMzEuODg5IGMgLTE1Ljc1NiwtMTUuODU5IC00MS4zLC0xNS44NTkgLTU3LjA1NCwwIC0xNS43NTQsMTUuODU3IC0xNS43NTQsNDEuNTcgMCw1Ny40MzEgbCAyMzcuNjMyLDIzOC45MzcgYyA4LjM5NSw4LjQ1MSAxOS41NjIsMTIuMjU0IDMwLjU1MywxMS42OTggMTAuOTkzLDAuNTU2IDIyLjE1OSwtMy4yNDcgMzAuNTU1LC0xMS42OTggTCA3NDguMTg2LDE4OS4zMiBjIDE1Ljc1NiwtMTUuODYgMTUuNzU2LC00MS41NzEgMCwtNTcuNDMxIC0xNS43NTYsLTE1Ljg2IC00MS4yOTksLTE1Ljg1OSAtNTcuMDUxLDAgeiIKICAgaWQ9InBhdGgyIgogICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgo8L2c+Cjwvc3ZnPg==) no-repeat right .3em center #fff;text-align-last:center;background-size:1.2em}.onoffswitch{font-weight:bold;overflow:hidden;height:45px;padding:0;margin-top:7px;display:inline-block;filter:drop-shadow(0 2px 1px rgba(0,0,0,.25));transition:transform .2s}.onoffswitch:hover{transform:scale(1.03)}.onoffswitch *{cursor:pointer}.onoffswitch>span{height:45px;text-align:left;position:relative;padding:0;width:96px;display:inline-block;overflow:hidden;background:#551419;border:3px solid #551419;border-radius:23px;transition:border-color .2s}.onoffswitch>span::after{content:' ';position:absolute;bottom:0;left:0;transform:translateX(0);transition:transform .2s;height:34px;width:34px;border-radius:17px;margin:3px;background:white}.onoffswitch input{display:none}.onoffswitch span span{width:200%;transform:translateX(-50%);transition:transform .2s;display:block}.onoffswitch span span:before,span span:after{color:white;float:left;width:50%;height:40px;font-size:16px;line-height:40px;box-sizing:border-box}.onoffswitch span span:before{content:attr(data-on);padding-left:20px;background:#1875d1}.onoffswitch span span:after{content:attr(data-off);padding-right:20px;background:#a32c36;text-align:right}.onoffswitch input:checked+span span{transform:translateX(0)}.onoffswitch input:checked+span::after{transform:translateX(50px)}.onoffswitch input:checked+span{border-color:#2f3e9e;background:#2f3e9e}.blue-button,.red-button,.green-button{border-radius:4px;font-weight:bold;color:white;margin-top:7px;text-align:center;cursor:pointer;font-size:16px;height:45px;width:120px;border:3px solid;line-height:40px;display:block;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);transition:border .2s .2s,background .2s .2s,transform .2s,color .2s .2s}.blue-button:hover,.red-button:hover,.green-button:hover{transform:scale(1.03)}.blue-button:active,.red-button:active,.green-button:active,.blue-button.active,.red-button.active,.green-button.active{box-shadow:none;border-color:black;color:black;background:white;transition:transform .2s}.blue-button{background:#1875d1;border-color:#2f3e9e}.red-button{background:#a32c36;border-color:#551419}.green-button{background:#009587;border-color:#00756a}.rounded-button{border:0;cursor:pointer;height:56px;width:56px;box-shadow:0 1px 2px rgba(0,0,0,.5);border-radius:100%;z-index:10;font-size:30px;line-height:56px;text-align:center;color:white;background:#ba174e;display:block}.paper{font-size:16px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);padding:10px 20px;background-color:white;margin-top:20px;min-height:100px;color:black}.with-shadow{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.selectable,.selectable *{cursor:auto;user-select:text;-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}::-moz-selection{color:#fff;background:#000}::selection{color:#fff;background:#000}

input:invalid {  border: 2px dashed red; }
input:valid  {  border: 1px solid black;}

:root {
  --font_used: 'Kayambang';
}

p,td {
font-family: var(--font_used), Arial, sans-serif;
font-weight:normal;
font-style:normal;
font-size:30px;
color:black;
margin-left:10px;
}

h1 {
font-family: var(--font_used), Arial, sans-serif;
font-weight:bold;
font-style:normal;
font-size:60px;
color:coral;
margin-left:10px;
margin-top:0px;
}

A {
font-family: var(--font_used), Arial, sans-serif;
font-weight:normal;
font-style:normal;
font-size:30px;
color:blue;
}

.smalllink {
font-family: Arial, sans-serif;
font-weight:normal;
font-style:normal;
font-size:10px;
color:blue;
}

.btsubmit {
  background-color: #ff3399; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}


@font-face {
    font-family: 'rebel_bonesregular';
    src: url('./font/rebelbones-opea-webfont.woff2') format('woff2'),
         url('./font/rebelbones-opea-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Kayambang';
    src: url('./font/Kayambang.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}