/* mistiql CSS file
 * released under GPL v2
 *
 * Created by J.Hawksworth 20220505
 * Last updated: 20220505
 *
 */

/*global styles*/
*                {box-sizing: border-box;}
html             {font-size: 17px;}
@media           (max-width: 900px) {html { font-size: 20px; }}
@media           (max-width: 400px) {html { font-size: 16px; }}

body             {margin: 10%;background-color: #0c0a11;}
header           {text-align: center;}
footer           {font-family: 'JetBrains Mono';font-weight: 400;font-size: 0.75rem;text-transform:lowercase;
    text-align: center;color:rgba(32, 43, 207, 0.5);text-align: center;padding:11px;}
/*classes*/
.title           {font-family:'Press Start 2P',cursive;font-size: 2.00rem;color:cyan;text-shadow: 2px 2px 2px #222;}
.subTitle        {font-size: 1.75rem;color:#134aff;text-shadow: 1px 1px 1px #333;}

div.fae          {font-family: 'Roboto Slab';font-weight: 800;color:limegreen;text-align: center;padding: 15px;}

a                {color:silver;text-decoration: none;}
a:visited        {color:silver;text-decoration: none;}
a:hover          {color:#66d9ef;text-decoration: none;text-shadow: 1px 1px 1px #111;}


/*identities*/
span#design      {font-family: 'Poiret One',cursive;font-size: 1.50rem;color:magenta;}
span#for         {font-family: 'Roboto Thin';font-size: 0.70rem;color:yellow;}
span#devs        {font-family: 'Cutive Mono',monospace;font-size: 1.50rem;color:black;}
span#textTitle   {text-transform: uppercase;font-size: 0.70rem;color:#ccc;text-shadow: 1px 1px 1px #111;}