|
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; |
|
} |