@charset "UTF-8";

body{
    font-size: 52px;
    font-family:Helvetica bold, sans-serif;
    color:rgb(255, 254, 233);
}

#cão {
    text-align: center;
    width:50%;
    height: 100px;
    margin-left: 25%;
    background-color:  rgb(221, 18, 184);
    box-shadow: inset 5px 5px 10px  blue, inset -5px -5px 10px blue;
}

img{
    position:relative;
    display: block;
    width:100%;
    padding: 0px;;
    margin: 0;
    
}


div.BALTAS{
    position:absolute;
    top:30%;
    width: 40%;
    padding: 10px 10px 40px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
    left:30%;
}


div.DOGUP{
    width: 40%;
    top: 100%;
    left: 30%;
    position: absolute;
    box-shadow: 5px 5px magenta, 10px 10px blue, 15px 15px gold, 20px 20px magenta, 25px 25px blue, 30px 30px gold, 35px 30px magenta, 40px 30px blue, 45px 30px gold, 50px 35px magenta, 55px 40px blue, 60px 45px gold, 65px 50px magenta, 70px 55px blue;

}

div.JULIA{
    width: 40%;
    top: 170%;
    right: 30%;
    position: absolute;
    box-shadow: -5px -5px magenta, 5px 5px magenta, 0px 0px 100px 20px magenta;

}

div.BALTAZAR{
    width: 40%;
    top: 240%;
    right: 30%;
    position: absolute;
    box-shadow: 20px 20px 100px 50px gold, -20px -20px 120px 50px blue;
}

div.JUJU{
    width: 40%;
    top: 310%;
    left: 30%;
    position: absolute;
    box-shadow: 20px 20px gold, -20px 20px magenta, -20px -20px blue, 20px -20px green;
}

div.DOG{
    width: 40%;
    top: 380%;
    left: 30%;
    position: absolute;
    box-shadow: 0px 0px 0px 20px magenta, 0px 0px 30px 30px green ;
}

div.NICO{
    width: 40%;
    top: 450%;
    left: 30%;
    position: absolute;
    box-shadow: 20px 20px 30px gold, -20px 20px 30px magenta, -20px -20px 30px blue, 20px -20px 30px green;
}

div.MAGGIE{
    width: 40%;
    top: 550%;
    right: 30%;
    position: absolute;
    box-shadow: -220px -170px 0px 10px blue, 220px -170px 0px 10px gold, -220px 170px 0px 10px magenta, 220px 170px 0px 10px green; 
  }