/**********************
ratsickle.css // PROPERTY of skumster.net
***********************/

:root {

/* ...:::%%%%%%% colours %%%%%%%:::... */

/* greys, light -> dark */
--gris: #dddddd;
--mist: #adadad;
--ash: #888888;
--dim: #3b3b3b;

/* vibrants */
--red: #cc2200;
--mf: #FF0000;
--ez: #e15f00;
--h: #FABB00;
--pee: #FFFF00;
--spk: #11ff00;
--grn: #008C11;
--sky: #00EEFF;
--blu: #0000A0;
--fln: #042033;
--purp: #42005F;
--uv: #9600F0;
--chae: #FF69EE;
--rust: #4D311D;


}

.landonpage{
background-color:black;
color:var(--ash);
}


/* some styling for icon drawings */

.icon{ 
height:200px;
min-width:123px;
padding: 6px;
transition: 0.3s;
}/* container for icon */
.iconz {
display: flex;
margin: 6px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

.smiley {
background: url(https://ratsickle.com/img/cr_happyB.png) no-repeat;
background-size: contain;
background-position: center;
}
.smiley:hover {
background: url(https://ratsickle.com/img/cr_happy.png) no-repeat;
background-size:80%;
background-position: center;
transition: 0.3s;
}

.Lgun {
background: url(https://ratsickle.com/img/l_gunW.png) no-repeat;
background-size: contain;
background-position: center;
}
.Lgun:hover {
background: url(https://ratsickle.com/img/l_gun.png) no-repeat;
background-size: 90%;
background-position: center;
transition: 0.3s;
}