body{

    background: linear-gradient(180deg, #0d0e45, #0a0731);
    background-attachment: fixed;

    align-items: center;
    text-align: center;
    justify-content: center;
}

.box_1{

    margin: auto;
    display: block;

    width: 900px;
    height: 300px;
}

.box_2{
    
    margin: auto;
    display: block;

    width: 500px;
    height: 300px;
}


.box_3{
    
    margin: auto;
    display: flexbox;

    text-align: center;
    
    width: 150px;
    height: 150px;

    font-family: text_1;
    color: #c7c7f1;

    text-decoration: none;
}

.box_4{
    
    margin: auto;
    display: block;

    text-align: center;

    width: 150px;
    height: 150px;

    font-family: text_1;
    color: #c7c7f1;

    text-decoration: none;
}

.box_5{

    color: #c7c7f1;
    font-family: text_1;
}


.div_1{

    margin: auto;
    display: flexbox;

    width: 300px;
    height: 350px;

    border-radius: 25px;

    background: linear-gradient(180deg, #9f0a0a, #760808);

}

@font-face{
    font-family: text_1;
    src: url(fonts/comic.ttf);
}