| body { | |
| background-color: rgb(20,20,20); | |
| text-align: center; | |
| font-family: 'Piazzolla', serif; | |
| color: white; | |
| font-size: 19px; | |
| } | |
| h4 { | |
| font-size: 14px; | |
| margin: 0; | |
| margin-bottom: 0.5%; | |
| } | |
| #btnMenu { | |
| background-image: url("cog.png"); | |
| background-size: cover; | |
| position:absolute; | |
| top:0; | |
| right:0; | |
| margin-right:1%; | |
| margin-top:1%; | |
| width:40px; | |
| height: 40px; | |
| border: none; | |
| background-color: transparent; | |
| } | |
| #menu-container { | |
| border-style: solid; | |
| border: 2px solid white; | |
| } | |
| #menu { | |
| position:absolute; | |
| top:0; | |
| right:0; | |
| margin:0; | |
| margin-top:3em; | |
| } | |
| nav { | |
| border-style: solid; | |
| border: 2px solid white; | |
| border-spacing: 5px; | |
| font-size: 26px; | |
| margin-right: 15px; | |
| padding-right: 10px; | |
| padding-left: 8px; | |
| } | |
| ul { | |
| margin-top: -1%; | |
| font-size: 20px; | |
| padding: 0; | |
| } | |
| li { | |
| list-style-type: none; | |
| font-size: 18px; | |
| } | |
| label { | |
| font-family: 'Piazzolla', serif; | |
| font-weight: bolder; | |
| font-size: 25px; | |
| } | |
| .picpok { | |
| width: 150px; | |
| height: 150px; | |
| object-fit: cover; | |
| } | |
| .pictype { | |
| width: 89px; | |
| height: 39px; | |
| } | |
| .button { | |
| margin: 0px; | |
| font-size: 20px; | |
| } | |
| h1 { | |
| margin:0; | |
| } | |
| h2 { | |
| font-weight: 400; | |
| margin: 0; | |
| padding-bottom: 14px; | |
| height: 20px; | |
| } | |
| h3 { | |
| margin: 0; | |
| font-size: 15px; | |
| font-weight: 0; | |
| } | |
| input { | |
| background-color: rgb(20,20,20); | |
| color:white; | |
| } | |
| a { | |
| color:white; | |
| transition: transform .2s; | |
| } | |
| a:visited { | |
| text-decoration: none; | |
| color: white; | |
| } | |
| .stats { | |
| display: grid; | |
| grid-template-columns: repeat(2, 1fr); | |
| } | |
| #FP1 { | |
| padding-bottom:4px; | |
| } | |
| #FP2 { | |
| padding-bottom:4px; | |
| } | |
| #R2 { | |
| height: 30px; | |
| } | |
| #L2 { | |
| height: 30px; | |
| } | |
| #bottom { | |
| font-family: 'Arial', serif; | |
| font-size: 12px; | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| width: 100%; | |
| text-align: center | |
| } | |
| .monstats { | |
| padding-bottom: 2px; | |
| } | |
| .montotal { | |
| padding-bottom: 10px; | |
| } | |
| .monab { | |
| padding-bottom: 8px; | |
| } | |
| .monweak { | |
| vertical-align: auto; | |
| padding-bottom: 4px; | |
| } | |
| .monweak img { | |
| width: 52px; | |
| height: 22px; | |
| } |