Spaces:
Running
Running
| * { | |
| box-sizing: border-box; | |
| } | |
| html, body { | |
| margin: 0 ; | |
| padding: 0 ; | |
| overflow: hidden; | |
| } | |
| #hw-canvas { | |
| position:fixed; | |
| left:0; | |
| top:0; | |
| width:100%; | |
| height:100%; | |
| z-index: -1; | |
| } | |
| #user-input { | |
| padding: 5px; | |
| margin: 20px 20px 20px 20px; | |
| height: 50px; | |
| font-size: 25px; | |
| line-height: 40px; | |
| border: gray solid 0.2ch; | |
| width: calc(100% - 40px); | |
| } | |
| #bias { | |
| margin-left: 20px; | |
| display: inline; | |
| } | |
| #writers { | |
| display: inline; | |
| margin-left: 20px; | |
| height: 40px; | |
| border: #008CBA solid 0.3ch; | |
| margin-bottom: 20px; | |
| } | |
| /* #btn { | |
| height: 50px; | |
| border: gray solid 0.1ch; | |
| background-color: red; | |
| } */ | |
| .button { | |
| margin-left: 20px; | |
| border: none; | |
| color: white; | |
| padding: 16px 32px; | |
| text-align: center; | |
| text-decoration: none; | |
| display: inline; | |
| font-size: 16px; | |
| margin: 4px 2px; | |
| transition-duration: 0.4s; | |
| cursor: pointer; | |
| } | |
| .button1 { | |
| background-color: white; | |
| color: black; | |
| border: 2px solid #4CAF50; | |
| } | |
| .button1:hover { | |
| background-color: #4CAF50; | |
| color: white; | |
| } | |
| .button2 { | |
| background-color: white; | |
| color: black; | |
| border: 2px solid #008CBA; | |
| } | |
| .button2:hover { | |
| background-color: #008CBA; | |
| color: white; | |
| } | |