*{
   margin:0;
   padding:0;
   border:none;
}

body{
   background:#21252B;
   color:#d7dae0;
}

div{
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}

#f0f{
    text-shadow:rgba(255,255,255,.75) 3px 3px 2px,rgba(124,155,179,.75) 2px 2px 1px,rgba(146,244,146,.75) 4px 4px 3px;
    color:#d7dae0;
    transition:all ease .2s;
}

#f0f:hover{
    text-shadow:rgba(0,100,255,.75) 3px 3px 2px,rgba(124,155,179,.75) 2px 2px 1px,rgba(146,244,146,.75) 4px 4px 3px;
    color:#4499e5;
}

a{
    text-decoration:none;
}

a:link, a:visited{
    color:rgb(0,147,255);
}

a:hover, a:active{
    color:rgb(49,204,49);
}