@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Water+Brush&display=swap');


body {
    margin: 0;
    background-color: black;
    font-family: "Pixelify Sans", sans-serif;
    color: #fff;
}

body {
    background-image: url(''); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    margin: 0;
    justify-content: center;
    align-items: center;
}

.huggywuggy {
    background-color: #2B3B43;
    color: #fff;
    height: 500px;
    width: auto;
    font-size: 27px;
    display: flex;
}

.titulo{
    font-size: 55px;

}
.kissimissi {
    background-color: #6D1A37;
    color: #fff;
    height: 500px;
    width: auto;
    font-size: 30px;
    display: flex;
}
.Cat-Bee {
    background-color: #948A5B;
    color: #fff;
    height: 500px;
    width: auto;
    font-size: 26px;
    display: flex;
}
.BoogieBot {
    background-color: #133814;
    color: #fff;
    height: 500px;
    width: auto;
    font-size: 20px;
    display: flex;
}
.PoppyPlaytime {
    background-color: #2E0B0D;
    color: #fff;
    height: 500px;
    width: auto;
    font-size: 23px;
    display: flex;
}
.Bron {
    background-color: #4C1B13;
    color: #fff;
    height: 500px;
    width: auto;
    font-size: 28px;
    display: flex;
}
.imagem-inicio {
    background-image: url("personagenspley.png");
    padding: 0px 0px 740px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: "Pixelify Sans", sans-serif;
}
footer{
    width: 100%;
	height: 500px;
    text-align: center;
    background: url("245\ Sem\ Título_20240303224423.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}