html{
    margin-left: -10px;
    margin-right: 5px;
    overflow-x: hidden;
 
}
body {
    width: 1720px;
    margin-left: 2%;
    margin-right: 2%;
    height:1000px;
    background: white;  
    background-attachment:fixed;
    font-family: 'PT Serif', serif;
    
  
    
}
title{
    padding-bottom: 10%;
    width: 20px;
}

    header {
    padding: 30px;
    text-align: center;
    background: white;
    background-image: url(../imagenes/almeria-panorama-alcazaba-spain.jpg);
    width: 100%; 
    height: 20%;   
    border: rgb(0, 0, 0) 5px solid; border-top-left-radius: 50px; border-bottom-right-radius: 50px; float:center;
    }
    header h1 {
    font-size: 50px;
    }
   
    topnav {
        width: 85%;
        display:flex;
        background: #333;
        align-items: center;
        justify-content: space-between;
      border-radius: 15px;
      border: groove;
        position: fixed;
        transition: all 0.5s ease;
    }
    topnav li{
        list-style: none;
        margin: 5px;
    }
    topnav li a{
        color: #fff;
        font-weight: bold;
        transition: all 0.5s ease;
    }
    topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }
    topnav li a:hover{
        padding: 5px 10px;
        background: #fff;
        color:#333;
        border-radius: 15px;
    }
  
    leftcolumn {
    float: left;
    width: 75%;
    }

    leftcolumn p {
        column-count: 2;
        column-width: 30%;
    }

    rightcolumn {
    float: left;
    width: 25%;
    background-color: #f1f1f1;
    padding-left: 20px;
    }

    row:after {
    content: "";
    display: table;
    clear: both;
    }
    
    footer {
    padding: 20px;
    text-align: center;
    background: #ddd;
    margin-top: 20px;
    }


 
    container{
        position: relative;
        display: inline-block;
        text-align: center;     
        padding-top: 120px;
    }

    centrado{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color:rgb(13, 196, 241);
        font-family: "Palette Mosaic", cursive;
        font-weight: bold;
        font-size: 260%;
        padding: 70px;
        letter-spacing: 1px;
        -webkit-text-stroke: 2px black;
        width: 100%; 
        height: 20%; 
        overflow: hidden;
        border-radius: 10px;
       
    }

    
    
    h2 {
        text-decoration: underline;
        font-family: 'Lavishly Yours', cursive;
        font-size: 2rem;
        margin-left: 15px;
        
    }
    span {
        color:rgb(13, 196, 241);
        font-family: 'Lavishly Yours', cursive;
        src: url(https://fonts.googleapis.com/css2?family=Lavishly+Yours&display=swap);
        font-size: 25px;
    
    }
    
    p.provincia {
        
        color:rgb(13, 196, 241);
        font-family: "Palette Mosaic", cursive;
        font-style: normal;
        font-size: 2.5rem;
        letter-spacing: 1px;
         -webkit-text-stroke: 2px black;
      }
    
    p {
        text-align: justify;
        font-size: 90%;
        margin-left: 15px;
        margin-right: 15px;
    }
    img {
        border-radius: 30%;
        border:2px solid #fff;
        display: block;
        margin-bottom: 50px;
        margin-top: 50px;
        margin-left: 10px;
        clear: both;
    }
    img _1{
        display: block;
        clear: both;
        border-radius: 30%;
    }
    
    blockquote {
        padding: 3px 10px;
        border-left:  rgb(73, 184, 199) 5px dotted;
        border-bottom:  rgb(73, 184, 199) 5px dotted;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
        font-style: normal;
        font-size: 1rem;
        text-align: center;
      }
    
    indice {
        background-image: url(../imagenes/almeria-panorama-alcazaba-spain.jpg);
        background-position:center;
        background-size: 1900px;
        padding:30px;
        font-family: "Palette Mosaic";
        font-size: 100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        border: rgb(234, 242, 243) 5px dotted;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
      padding: 3px 10px;
    
    }
    button.menu-toggle{
        margin-left: 15px;
    }
    
    
    
    ul {
        list-style-type: disc;
      }