.foto{
    background-image: url(fondo.jpg);
    background-position: center;
    border-radius: cover;
    background-size: cover;
    height: 680px;
    width: 1300px;
}
.caja1{
    position: absolute;
    height: 130px;
    width: 750px;
    left: 100px;
    top: 40px;
    border-radius: 10px;
    border-width: 4px;
    border-style: solid;
}
.circulo1{
    position: absolute;
    height: 200px;
    width: 200px;
    left: 1000px;
    top: 24px;
    border-radius: 360px;
    border-width: 4px;
    border-style: solid;
    background-image: url("https://i.scdn.co/image/ab67706c0000da84969706f9eabecf060a2c1ea7");
}
.caja2{
    position: absolute;
    height: 120px;
    width: 900px;
    left: 100px;
    top: 200px;
    border-radius: 10px;
    border-width: 4px;
    border-style: solid;
}
.cuadro1{
    position: absolute;
    height: 200px;
    width: 210px;
    left: 120px;
    top: 400px;
    border-radius: 10px;
    border-width: 4px;
    border-style: solid; 
}
.cuadro2{
    position: absolute;
    height: 200px;
    width: 210px;
    left: 380px;
    top: 400px;
    border-radius: 10px;
    border-width: 4px;
    border-style: solid;
}
.cuadro3{
    position: absolute;
    height: 200px;
    width: 210px;
    left: 630px;
    top: 400px;
    border-radius: 10px;
    border-width: 4px;
    border-style: solid;
}
.cuadro4{
    position: absolute;
    height: 200px;
    width: 210px;
    left: 880px;
    top: 400px;
    border-radius: 10px;
    border-width: 4px;
    border-style: solid;
}
.titulo1{
    position: absolute;
    height: 50px;
    width: 10px;
    left: 190px;
    top: 320px;
    border-radius: 0px;
    color: aquamarine;
    font-size: 25px;
}
.titulo2{
    position: absolute;
    height: 50px;
    width: 10px;
    left: 420px;
    top: 320px;
    border-radius: 0px;
    color: aquamarine;
    font-size: 25px;
}
.titulo3{
    position: absolute;
    height: 50px;
    width: 10px;
    left: 680px;
    top: 320px;
    border-radius: 0px;
    color: aquamarine;
    font-size: 25px;
}
.titulo4{
    position: absolute;
    height: 50px;
    width: 10px;
    left: 950px;
    top: 320px;
    border-radius: 0px;
    color: aquamarine;
    font-size: 25px;
}
.titulo5{
    position: absolute;
    height: 50px;
    width: 10px;
    left: 120px;
    top: 190px;
    border-radius: 0px;
    color: brown;
    font-size: 25px;
}
.num1{
    position: absolute;
    Width: 400px;
    Height: 150px;
    Top: 30px;
    Left: 120px;
    color: brown(43, 43, 43);
    font-size: 25px;
   
}
.num2{
    position: absolute;
    Width: 400px;
    Height: 250px;
    Top: 120px;
    Left: 120px;
    color: blue(0, 0, 0);
    font-size: 25px;
}
.fondo¨{
    width: 1440px;
    height: 1024;

    background-image: url(/hojadevida/fondo-minimalista-dibujado-mano_23-2148999829.avif);
    background-position: center;
    border-radius: cover;
}