* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 20px;
    background-image: url("https://i.postimg.cc/HnVm4C6F/5a176c32815012e06d7279e4f1b446b3.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;

    font-family: "Pixelify Sans", sans-serif;
    color: white;
    text-align: center;
}

.container {
    width: 90%;
    max-width: 450px;
    margin: auto;
    padding: 15px;

    background: rgba(0,0,0,0.75);
    border-radius: 10px;
}

.main-image {
    width: 45%;
    max-width: 180px;
    height: auto;
}

.divider {
    max-width: 100%;
}

.rainbow span:nth-child(1) { color: #F40000; }
.rainbow span:nth-child(2) { color: #FF8800; }
.rainbow span:nth-child(3) { color: #FFD400; }
.rainbow span:nth-child(4) { color: #50FF00; }
.rainbow span:nth-child(5) { color: #00BFFF; }
.rainbow span:nth-child(6) { color: #B200FF; }

.red {
    color: red;
}

.dni {
    color: red;
}

.interact {
    color: #36DA00;
}