stilo.css

        html {
            overflow: hidden;
        }
        * {
            margin: 0px;
            padding: 0px;
            font-family: 'MedievalSharp';
        }
        html,
        body {
            width: 100%;
            height: 100%;
        }
body{
background-image: url(casas/bg2.jpg);
    background-size: contain;
}
        #container {
            width: 100%;
        }
        .slide {
            width: 100%;
            text-align: center;
        }
        .ancho {
            float: left;
        }
        #abajo {
            z-index: 10;
            position: fixed;
            right: 65px;
            bottom: 0px;
            width: 64px;
        }
        #arriba {
            z-index: 10;
            z-index: 10;
            position: fixed;
            right: 65px;
            bottom: 130px;
            width: 64px;
        }
        #izquierda {
            z-index: 10;
            position: fixed;
            right: 130px;
            bottom: 65px;
            width: 64px;
        }
        #derecha {
            z-index: 10;
            position: fixed;
            right: 0px;
            bottom: 65px;
            width: 64px;
        }
        #centro {
            z-index: 10;
            position: fixed;
            right: 65px;
            bottom: 65px;
            width: 64px;
        }
        .ancho {
            background-size: cover;
            background-repeat: no-repeat;
        }
        section {
            float: left;
        }
        .Stark {
            background-image: url(casas/stark.jpg);
        }
        .Lannister {
            background-image: url(casas/lannister.png);
        }
        .Baratheon {
            background-image: url(casas/baratheon.jpg);
        }
        .Targaryen {
            background-image: url(casas/house-targaryen.jpeg);
        }
        .Arryn {
            background-image: url(casas/arryn.jpg);
        }
        .Tyrell {
            background-image: url(casas/tyrell.jpg);
        }
        .texto {
            width: 20%;
            height: 60%;
            background-color: #fff;
            position: relative;
            top: 10%;
            left: 2%;
            border-radius: 30px;
            padding: 30px;
            opacity: 0.94;
            overflow: hidden;
        }
        .images {
            position: relative;
            top: -53%;
            right: -41%;
            width: 45%;
        }
        img.foto {
            border-radius: 28px;
            max-width: 500px;
            max-height: 375px;
        }
        h1 {
            margin-bottom: 15px;
        }
        p.descripcion {
            font-size: 1.1em;           
        }
        .add {
            background-image: url(casas/bg2.jpg);
            background-size: contain;
            background-repeat: repeat;

        }
        .sonido{
            position: fixed;
            bottom: 0px;
            left: 0px;
            z-index: 10;
        }
        .formulario{
            padding: 30px;
            width: 30%;
            margin: 2% auto;
            background-color:  rgba(255, 255, 255, 0.9);
            border-radius: 15px;
            
        }
        .formulario input{
            margin-bottom: 10px;
        }