@font-face {
    font-family: "ahronbd";
    src: url("fonts/ahronbd.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
html, body{
    font-family: "ahronbd", "Times New Roman",sans-serif, Arial;
    color: white;
    background: linear-gradient(135deg, black 35%, purple 100%) no-repeat;

    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /*somehow prevents the little white spaces when scrolling at the edges*/
}
a{
    color: lightpink;
}
.success {
    color: green;
}
.error{
    color: red;
}
.status{
    display: inline-grid;
    grid-template-columns: auto;
    column-gap: 1rem;
    align-items: center;
}
.buttons{
    color: lightpink;
    display: inline-flex;
    border: 2px solid purple;
    padding: 0.5rem;
    margin: 0.5rem;
    background-color: rgba(75, 0, 130, 0.5);
    border-radius: 6px;
    cursor: pointer;
}
.buttons:hover{
    background-color: rgba(138, 43, 226, 0.5);
    box-shadow: 0 0 10px 2px purple;
}