body {
    background-color: rgb(27, 6, 26);
    color: orange;
    font-family: 'Courier New', Courier, monospace;
    font-size: larger;
    margin: auto;
    padding: auto;
}
/**body , a , .main {
cursor: url(https://ani.cursors-4u.net/smiley/smi-3/smi334.cur), auto !important;
}**/

header {
    display: flex;
    justify-content: center;
}
button {
    background-color: rgb(148, 51, 204);
    color: orange;
    font-family: 'Courier New', Courier, monospace;
    font-size: xx-large;
    font-weight: bold;
    border: solid 5px rgb(0, 179, 0);
    padding: 10px;
    transition: 0.1s;
    margin-left: -5px;
}
button:hover {
    color: rgb(160, 58, 219);
    background-color: orange;
}
button:active {
    background-color: rgb(255, 195, 84);
}

a, p {
    color: rgb(160, 58, 219);
}
h3, .introtext, .back {
    color: rgb(0, 179, 0);
}
.back:hover {
    color: rgb(160, 58, 219);
}

.message, .intro, .favstuff, .hobbies, .blinkies, .favcharacters, .end {
    display: flex;
    justify-content: center;
    background-color: rgb(38, 26, 51);
    width: 60%;
    border: 5px solid rgb(160, 58, 219);
    margin: 10px;
    padding: 5px 20px;
}
.message {
    display: grid;
    grid-template-columns: 200px 1fr;
}
.pfp {
    width: 150px;
    padding: 15px 5px;
}

.favstuff {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.favcharacters {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.children {
    margin-right: 10px;
}
.should {
    text-align: center;
    grid-column: span 2;
}

.end {
    text-align: center;
    align-items: center;
}
.center {
    display: flex;
    justify-content: center;
}

@media (max-width: 860px) {
    .message {
        grid-template-columns: 1fr;
    }
    .pfp {
        width: 100%;
    }
    .favstuff {
        grid-template-columns: 1fr;
    }
    .favcharacters {
        grid-template-columns: 1fr;
    }
    .should {
        grid-column: 1;
    }
}
@media (min-width: 860px) and (max-width: 1200px) {
    .favstuff {
        grid-template-columns: 1fr 1fr;
    }
    .favcharacters {
        grid-template-columns: 1fr;
    }
    .should {
        grid-column: 1;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .favstuff {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .favcharacters {
        grid-template-columns: 1fr;
    }
    .should {
        grid-column: 1;
    }
}