/* unjx CSS file
 * released under GPL v2
 *
 * Created by j.hawksworth 20170320
 * Last updated: 20200412,20240817
 *
 */

/*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: #191919;}
/* body             {margin: 20%;background: linear-gradient(to left, #241e1e, #091520);} */
header           {text-align: center;}
footer           {font-family: 'JetBrains Mono';font-weight: 800;font-size: 1.1rem;text-transform:lowercase;
                  text-align: center;color:rgb(40, 80, 80, 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:#2EB7D6;text-shadow: 1px 1px 1px #333;}

img.logo         {border: dashed 3px#285058;border-radius: 20px; padding:20px;}
/* img.logo         {border:solid 9px rgb(40, 80, 80, 0.5);border-image: linear-gradient(to right, #241e1e, #091520) 1;border-radius: 11px; padding:20px;background-color: #241e1e;} */

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#textTitle   {text-transform: uppercase;font-size: 0.70rem;color:#ccc;text-shadow: 1px 1px 1px #111;}