:root { --magia_back: #2c332b; --magia_link: #56684f;  --magia_border: #445040; } 

.magia_box {width: 450px; min-height: 500px; background: var(--magia_back); color: var(--magia_link); padding: 20px; } 

.magia_head {font-size: 20px; font-family: Aboreto; font-weight: light; margin-top: 10px;} 

.magia_text {width: 430px; text-align: justify; font-size: 14px; font-family: Calibri;padding: 10px;} 

.magia_fact {width: 215px;margin: 5px;height: 16px;text-transform: uppercase;background: var(--magia_border);color: #000;float: left;font-size: 12px;font-family: calibri;letter-spacing: 1px;} 

.magia_link {font-size: 20px; font-family: Aboreto; font-weight: light; margin-top: 10px;} .magia_link {font-size: 20px; font-family: Aboreto; font-weight: light; margin-top: 10px;} 

.magia_head a:link, 
.magia_head a:visited, 
.magia_link a:link, 
.magia_link a:visited {color: var(--magia_link);} 

.magia_head a:hover, 
.magia_head a:active, 
.magia_link a:hover, 
.magia_link a:active {color: var(--magia_border);}