@import "/html/globalstyles.css";

body {
    margin: 20px 15px 50px 5px !important;
    background-color: #E6E6E6 !important;
}

.night {
    background-color: black !important;
}

#typeAns {
  width: 100%;
}

.typeGood {
  color: black;
  background-color: #17FF17;
}

.typeBad {
  color: black;
  background-color: #FFF917;
}

.typeMissed {
  color: black;
  background-color: lightgray;
}

.night .typeGood {
  color: white;
  background-color: #0AD200;
}

.night .typeBad {
  color: white;
  background-color: #B6B600;
}

.night .typeMissed {
  color: white;
  background-color: gray;
}

.outline {
    background-color: white;
    margin: 0px -15px 20px -5px;
    padding: 1px 15px 30px 5px;
    /*box-shadow: 0px 0px 10px 1px rgba(135,132,135,1);*/
}

.night .outline {
    background-color: #444444;
}

.card {
    height: auto;
    background-color: transparent;
    border-color: #FF8700;
    border-style: solid none solid none;
    border-radius: 0px;
    border-width: 1.5px;
    padding: 10px 15px 10px 5px;
    word-wrap: break-word;
}

.night .card {      
    color: white;    
}

h2 {
    color: #088DC7;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;    
    font-weight: 400;    
    text-align: center;
    margin: 30px 5px 5px 0;
}