.splash{
    top:0px;
    left: 0px;
    position:absolute;
    background: white;
    height: 100%;
    width:100%;
    background: radial-gradient(circle, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%),  url('/img/otisa.jpeg');
    background-size: cover;
    background-position: center;
    transition: 1s linear;
    opacity:0;

}

.userimg {
    position: fixed ;
    top:.5em;
    right:.5em;
    height: 2.5em;
    opacity: 0.5;
    filter: grayscale(100%);
    transition: .2s linear;
}

.userimg:hover {
    filter: none;
}

.menu {
    font-family: Elastre;
    text-align: center;
    font-size: 1.5em;
    height: 2.2em;
    width:100%;
}

.menu *{
    margin-top:.15em;
    display: inline-block;
    padding: .4em;
    padding-left: 2em;
    padding-right: 2em;
    background: rgb(228, 228, 228);
    
}

.menu *:hover{
	background: radial-gradient(rgb(81, 187, 238),rgb(228, 228, 228));
}

@font-face {
    font-family:Elastre;
    src: url("/fonts/Elastre.ttf")  format("truetype");
}