@font-face {
    font-family: 'basic';
    font-style: normal;
    font-weight: normal;
    src: local('basic'), url('basiic.ttf') format('truetype');
}

div {
    color:#e5d8e9;
    font-family: 'basic';
}
p {
    color:#e5d8e9;
    font-family: 'basic';
}

p:hover {
    color: #ffffff;
}

a {
    cursor:crosshair; 
        font-family: 'basic';
    border: 1px solid transparent;
    margin: 0px; text-decoration: none;    
    transition: background-color 0.25s ease, color 0.25s ease;
}

a:link {color:#9500e0;}
a:visited {color:#9500e0;}
a:hover {color:#e5d8e9;	border: 1px solid transparent; background-color:#9500e0;}
a:active {color:#e5d8e9;}

body {
    background-color: #150026; 
    color: #ffffff;
    background-repeat: repeat;     
}

.centre {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #0d0016;
    text-align: center;
    border-radius: 10px; 
    padding-left: 10px;       
    padding-right: 10px;       
}

.bottom {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%);
    text-align: center;
}

.top {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -0%);
    text-align: center;
}