body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-shadow: 5px 5px 3px rgb(35,35,30);
    flex-direction: column;
    font-family: 'Comic Sans MS';
    font-size: x-large;
    color: white;
    /* background-color: rgb(25, 25, 50); */
    background-image: url("assets/tile.png");
    background-repeat: repeat;
}

.navbar {
    padding: 20;
    flex-direction: row;
    overflow: hidden;
    background-color: rgb(25,25,50);

    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

.logo {
    padding: 50;
}

.banner {
    width: 100%;
    height: 520px;
    align-items: center;
    background-color: rgb(25, 25, 50);
    /* mask-image: linear-gradient(circle at bottom, rgba(0,0,0,1) 93%, rgba(0,0,0,0) 100%); */
    background: radial-gradient(circle at top, rgb(25,25,50,1) 55%, rgb(25,25,50) 0%, transparent 60%);
}

.social {
}