.fact-box
{
margin: 20px;
float: right;
min-width:290px;
max-width: 51%;
height: auto;
background-color: black;
color:white;
border-style: solid;
border-width: 4px;
border-color: #5630d1;
clear:both;
}
.fact-title
{
font-size: 100%;
font-weight:bold;
color:white;
padding-left: 5px;
padding-top: 5px;
}
.fact-title > i {
padding-right: 5px;
padding-top: 5px;
float:right;
color:white;
}
.details ol,
.details ul {
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 0 0 0 20px !important;
}
.details {
float: left;
margin-top: 5px !important;
margin-bottom: 5px !important;
margin-left:10px;
padding-right: 10px;
padding-bottom:5px
}
.details,
.show,
.hideme:target {
display: none;
}
.hideme:target + .show,
.hideme:target ~ .details {
display: inline;
}