/* (C) 2026 JoonatanKoo and the AuraMogger development team */

body{
    background:
        linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)),
        url("Untitled.png") center center / cover fixed no-repeat;
}

h1{
    text-align: center;
    font-size: 32px;
    color: white;
}

h2{
    text-align: center;
    font-size: 20px;
    color: white;
}

h3{
    font-size: 32px;
    color: white;
}

button{
    height: 50px;
    width: 100px;
}

/*Main content and navigation stuff*/

/*navbar*/

.navbar{
    width: 100%;
    background-color: black;
    display: flex;
    gap: 5px;
}

.logo-nav{
    display: block;
    width: 100px;
    height: auto;
}

/*page content*/

.logo{
    display: block;
    width: min(50%, 100px);
    height: auto;
    margin: 40px auto 0;
}

.buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    place-content: center; 
    justify-self: center; 
    gap: 1rem; 
    width: min(90%, 400px); 
    margin: 0 auto; 
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0.75rem 1.5rem; 
}



/*Footers etc*/