@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Dancing+Script:wght@400..700&family=Lobster&display=swap');

body {
    background: #91f0db7a url("https://brujamar.neocities.org/logobarbie/Logo_barbie3.png") repeat scroll -10% -10%;
    
}

.lobster-regular {
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

.bitter {
    font-family: "Bitter", serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
  }

.dancing-script uniquifier{
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
  }
  

.principio{
    background-color: #ff137929;
    outline: 8px ridge #FF1379;
    outline-offset: 0px;
    h1{
        font-family: "Lobster",sans-serif;
        font-weight: 500;
        font-style: italic;
        font-size: 50px;
        text-align: center;
        color: #FF1379;
        padding: 1px;
        text-decoration: underline #FF1379;
    }
    h2 {
        font-family: "Lobster",sans-serif;
        font-weight: 300;
        font-style: normal;
        text-align: center;
        font-size: 30px;
        color: rgb(230, 7, 137);
        text-decoration: underline rgb(230, 7, 137);
        padding: 2px;
        
        
    }
}

.menu{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    
}

.menu ul{
    list-style: none;
}

.menu li{
    display: inline-block;
    padding: 10px;
}

.menu a {
    color: #FF1379;
}

.menu a:hover {
    color: blue;
}

.titulo1{
    color: #000000;
    font-size: 25px;
    text-shadow: 6px 6px 6px #FF1756, 9px 9px 0 #f8c9e9, 0px 8px 8px #FF1756;
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal
}

.parrafo1{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    padding: 2px;
}

.titulo2{
    color: #000000;
    font-size: 25px;
    text-shadow: 6px 6px 6px #FF1756, 9px 9px 0 #f8c9e9, 0px 8px 8px #FF1756;
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal
}

.parrafo2{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    padding: 2px;
    text-align: center;
}

.titulo3{
    color: #000000;
    font-size: 25px;
    text-shadow: 6px 6px 6px #FF1756, 9px 9px 0 #f8c9e9, 0px 8px 8px #FF1756;
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal
}

.menu2{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
}

.menu2 li{
    list-style: none;
}

.menu2 li{
    display: inline-block;
    padding: 10px;
}

.menu2 a {
    color: #FF1379;
}

.menu2 a:hover {
    color: blue;
}

.parrafo3a{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    
    h4{
        font-family: "Dancing Script", cursive;
        font-optical-sizing: 3pxo;
        font-weight: weight;
        font-style: normal;
        color: #9e0748;
        text-decoration: underline #9e0748;
        font-size: 30px;
        text-align: center;
    }
}

.parrafo3b{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    
    h4{
        font-family: "Dancing Script", cursive;
        font-optical-sizing: 3pxo;
        font-weight: weight;
        font-style: normal;
        color: #9e0748;
        text-decoration: underline #9e0748;
        font-size: 30px;
        text-align: center;
    }
}

.parrafo3c{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    
    h4{
        font-family: "Dancing Script", cursive;
        font-optical-sizing: 3pxo;
        font-weight: weight;
        font-style: normal;
        color: #9e0748;
        text-decoration: underline #9e0748;
        font-size: 30px;
        text-align: center;
    }
}

.parrafo3d{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    
    h4{
        font-family: "Dancing Script", cursive;
        font-optical-sizing: 3pxo;
        font-weight: weight;
        font-style: normal;
        color: #9e0748;
        text-decoration: underline #9e0748;
        font-size: 30px;
        text-align: center;
    }
}

.parrafo3e{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    
    h4{
        font-family: "Dancing Script", cursive;
        font-optical-sizing: 3pxo;
        font-weight: weight;
        font-style: normal;
        color: #9e0748;
        text-decoration: underline #9e0748;
        font-size: 30px;
        text-align: center;
    }
}

.parrafo3f{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    
    h4{
        font-family: "Dancing Script", cursive;
        font-optical-sizing: 3pxo;
        font-weight: weight;
        font-style: normal;
        color: #9e0748;
        text-decoration: underline #9e0748;
        font-size: 30px;
        text-align: center;
    }
}

.parrafo3g{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    
    h4{
        font-family: "Dancing Script", cursive;
        font-optical-sizing: 3pxo;
        font-weight: weight;
        font-style: normal;
        color: #9e0748;
        text-decoration: underline #9e0748;
        font-size: 30px;
        text-align: center;
    }
}

.parrafo3h{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    
    h4{
        font-family: "Dancing Script", cursive;
        font-optical-sizing: 3pxo;
        font-weight: weight;
        font-style: normal;
        color: #9e0748;
        text-decoration: underline #9e0748;
        font-size: 30px;
        text-align: center;
    }
}

.titulo4{
    color: #000000;
    font-size: 25px;
    text-shadow: 6px 6px 6px #FF1756, 9px 9px 0 #f8c9e9, 0px 8px 8px #FF1756;
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal
}

.subtitulo4{
    font-family: "Comic Sans MS", cursive, sans-serif;
font-size: 23px;
letter-spacing: 2.6px;
word-spacing: 4.2px;
color: #000000;
font-weight: normal;
text-decoration: underline rgb(68, 68, 68);
font-style: italic;
font-variant: small-caps;
text-transform: uppercase;


}

.parrafo4{
    background-color: white;
    outline: 4px ridge #FF1379;
    outline-offset: 0px;
    font-size: 15px;
    letter-spacing: -0.2px;
    word-spacing: 3px;
    padding: 2px;
}

.titulo5{
    color: #000000;
    font-size: 25px;
    text-shadow: 6px 6px 6px #FF1756, 9px 9px 0 #f8c9e9, 0px 8px 8px #FF1756;
    font-family: "Lobster", sans-serif;
    font-weight: 400;
    font-style: normal
}



.pie{
    border: 3px dotted rgba(255,1,111,0.77);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 4px;
    letter-spacing: 2px;
    word-spacing: 3px;
    color: #000000;
    font-weight: 300;
    font-style: oblique;
    font-variant: small-caps;
    text-transform: capitalize;
    background-color: #f8cee0;
    text-align: center;
}

.centro{
     display: block;
     margin: auto;
}

.centrado{
     width: 20%;
     margin: 0 auto;
     display: block;
}