/*CUSTOM FONTS*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*bodoni*/
@font-face {
    font-family: 'bodoni';
    src: url('fonts/Bodoni_Moda/BodoniModa-VariableFont_opsz\,wght.ttf') format('truetype');
}

/*vibes*/
@font-face {
    font-family: 'vibes';
    src: url('fonts/Great_Vibes/GreatVibes-Regular.ttf') format('truetype');
}

/*jua*/
@font-face {
    font-family: 'jua';
    src: url('fonts/Jua/Jua-Regular.ttf') format('truetype');
}

/*autour*/
@font-face {
    font-family: 'autour';
    src: url('fonts/Autour_One/AutourOne-Regular.ttf') format('truetype');
}

/*liber*/
@font-face {
    font-family: 'liber';
    src: url('fonts/Libertinus_Serif_Display/LibertinusSerifDisplay-Regular.ttf') format('truetype');
}

/*nova*/
@font-face {
    font-family: 'nova';
    src: url('fonts/Nova_Cut/NovaCut-Regular.ttf') format('truetype');
}

/*rocker*/
@font-face {
    font-family: 'rocker';
    src: url('fonts/New_Rocker/NewRocker-Regular.ttf') format('truetype');
}


/*MAIN CONTAINER*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
body{
    background-color: black;
    color:rgb(255, 47, 117);
    font-family: 'nova', times;

    width: 1200px;
    height: auto;

    border: 5px;
    border-style: ridge;
    border-color: rgb(255, 47, 117);

    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}


/*HEADER/BANNER*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.container{
    position: relative;
}

.centered{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    text-align: center;
    text-shadow: 0px 0px 10px rgb(255, 0, 106);
    font-size: 50px;
    font-family: 'rocker', 'nova', times;
    font-style: italic;

    border: 5px;
    border-color: rgb(255, 47, 117);
    border-style: ridge;
    background-color: black;
    padding: 3%;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/