/*
Theme Name: Portafolio Sebastian
Theme URI: www.elsitiodelseba.cl
Description: descripcion del tema
Version: 1.0
Author: auto
Author URI: direccion web autor
*/


body{
    background: #8187fb;
    position: relative;
    width: 100%;
    height: 100%;
}

/* LOGO */
.logo img{
    filter: drop-shadow(0px 2px 5px white);
    transform: translate(0px, 20px);
    max-height: 110px;
    width: auto;
    border-radius: 24px;
    width: 118px;
    height: 90px;
    flex-shrink: 0;
    aspect-ratio: 59/45;
    fill: linear-gradient(179deg, rgba(255, 255, 255, 0.00) 52.74%, #FFF 120.94%);
    border-radius: 34px;
    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    width: 118px;
    height: 119px;
    flex-shrink: 0;
    aspect-ratio: 118/119;
}

.logo{
    width: 100px;
    height: 80px;
    
}

img.logo-deaf{
    width: 80px;
    height: 81px;
}


/* Navbar */

.collapse.navbar-collapse{
    filter: drop-shadow(2px 4px 1px black);
    text-wrap:nowrap;

}

.navbar.navbar-expand-md.navbar-light{
    background-color: #162086;
    padding: 0px;
    margin-bottom: 120px;
}

.navbar.navbar-expand-md.navbar-light.coremaquin{
    background-color: #D34F1F;
    padding: 0px;
    margin-bottom: 120px;
}

a.nav-link{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 20px;
    margin-top: 0px;
}

a.nav-link.active{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 20px;
    margin-top: 0px;
}

a.dropdown-item.active{
    background: #162086;
}

a.dropdown-item{
    background:#FFFFFF;
}

a.dropdown-item:hover{
    background:#8187FB;

}

button.navbar-toggler{
    margin-left: auto;
    margin-top: -100px;
    margin-right: 30px;
}

ul{
    padding: 0px;
    align-items: end;
}

.btn.btn-primary{
    background-color:#162086;
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: 100%;
}

/* Bienvenidos */

div.rectangulo{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom: 400px;

}

div.rectangulo-1{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
}

/* video */

video{
    height: 100%;
    width: 100%;
}

p.texto{
    font-size: 17px;
    text-align: justify;
    margin-top: 25px;
}

/* mensaje */

div.rectangulo-2{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%; 
    margin-top: 550px;
    margin-bottom: 300px;
}

p.texto-mensaje{
    font-size: 18px;
    text-align: center;
}


/* Footer */

div.rectangulo-3{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    width: 100%;
    margin-top: 550px;
}

.row-footer{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
}

h6.texto-footer{
    text-align:justify;
    text-align-last: left;
}

/* Inicio */

strong.inicio{
    white-space: normal; 
}
li.inicio{
    white-space: normal;
    position: relative;  
}

/* Sobre mi */

strong.sobre-mi{
    white-space: normal; 
}

li.sobre-mi{
    white-space: normal;
    position: relative;  
}

/* Portafolio*/

strong.portafolio{
    white-space: normal; 
}

li.portafolio{
    white-space: normal;
    position: relative;  
}

/* Blog Sordo */

strong.blog-sordo{
    white-space: normal; 
}

li.blog-sordo{
    white-space: normal;
    position: relative;  
}

/* Contacto */

strong.contacto{
    white-space: normal; 
} 

li.contacto{
    white-space: normal;
    position: relative;
     
}

strong{
    font-size: 18px;
    
}

li{
    text-align: start;
    font-size: 15px;
    margin-bottom: 20px;
}



/* Rede social */

img{
    border-radius: 10px;
    width: 55px;
    height: 50px;
    justify-content: space-evenly;
}


/***** Sobre mi *****/

/* perfil */

div.rectangulo-4{
    width: 100%;
    height: 100%;
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;

}

.row-perfil{
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}


img.perfil{
    width: 100%;
    height: 100%;
    min-width: auto;
    border-radius: 0px;
}

p.perfil{
    
    text-align: justify;
    justify-self: end;
    display: flex;
    width: 100%;
}

/* proyecto */

div.rectangulo-5{
    
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 650px;
    margin-top: 150px;
}

h3.proyecto{
    text-align: center;
    margin-left: -90px;

}

h3.proyecto-1{
    text-align:left;
    
   
}

.rectangulo-section{
    width: 55%;
    height: 450px;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    transform: translate(-65px, -150px);

}

img.figma{
    width: 100%;
    height: 100%;
    border-radius: 35px;
}

li{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-align: start;
    font-size: 11.5px;
    margin-bottom: 20px;
}

.rectangulo-section-1{
    width: 50%;
    height: 450px;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    transform: translate(40px, -150px);

}

img.html{
    width: 100%;
    height: 150px;
    border-radius: 35px;
}

div.row-proyecto{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.container-fluid-proyecto{
    position: absolute;
    transform: translateY(-510px);
}

/*********    Herriamientos de desarrollo   **********/

div.row-herriamientos{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    position: relative;
    transform: translateY(-250px);
}

div.rectangulo-6{
    
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 400px;
    width: 100%;
    flex-shrink: 0;
}

/* Github */

.rectangulo-section-2{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
    margin-left: 30px;

}

img.github{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/proyecto/github.png);
    border-radius: 30px;
}

p.github{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

/* Visual Studio code */

.rectangulo-section-3{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
}

img.visual{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/proyecto/visual\ studio\ code.png);
    border-radius: 30px;
}

p.visual{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

/* Bootstrap */

.rectangulo-section-4{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
}

img.bootstrap{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/proyecto/bootstrap.png);
    border-radius: 30px;
}

p.bootstrap{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}


/*****BLOG SORDO*****PROYECTO*****CONTACTO*****/

div.rectangulo-7{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%; 
}

img.blog-sordo{
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

img.proyecto{
    width: 100%;
    height: 100%;
    border-radius: 100% ;
}

img.contacto{
    width: 100%;
    height: 100%;
    border-radius: 100% ;
}

div.row-blog{
    display: inline-grid;
    flex-wrap: nowrap;
    align-content: center;
    justify-items: center;
}

div.row-proyecto-1{
    display: inline-grid;
    flex-wrap: nowrap;
    align-content: center;
    justify-items: center;
}

div.row-contacto{
    display: inline-grid;
    flex-wrap: nowrap;
    align-content: center;
    justify-items: center;
}

.btn.btn-primary.desarrollo{
    background-color:#8187FB;
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: 75%;
}

/************* Portafolio ************/

div.row-portafolio{
    display: flex;
    align-content: space-between;
    justify-content: space-evenly;
}
    
h3{
    text-align: center;
    font-size: calc(1.3rem + 0.1vw);
}

/* Proyectos */

img.coremaquin{
    width: 100%;
    height: 100%;
    border-radius: 25px;
    margin-bottom: 50px;
}

img.god{
    width: 70%;
    height: 100%;
    border-radius: 20%;
    margin-bottom: 45px;
}

img.procamp{
    width: 100%;
    height: 100%;
    margin-bottom: 50px;
}

/* Fotograficos */

.row-foto{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

h2.fotograficos{
    text-align: left;
}

img.foto1{
    width: 100%;
    height: 100%;
    border-radius: 25px;
    margin-bottom: 30px;
}

img.foto2{
    width: 100%;
    height: 100%;
    border-radius: 25px;
     margin-bottom: 30px;
}

img.foto3{
    width: 100%;
    height: 100%;
    border-radius: 25px;
     margin-bottom: 30px;
}

/* iniciar un proyecto */

.rectangulo-8{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    flex-shrink: 0;
    border-radius: 48px;
    padding: 10px;
    margin: 15px;
}

div.row-iniciar{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.btn.btn-primary.iniciar{
    background-color:#FFFFFF;
    color: black;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-left: 5px;
    width: 100%;
}


div.rectangulo-9{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    width: 100%;
    margin-top: 100px;
}

/* *********************Blog Sordo********************** */

div.row-destcado{
    display: flex;
    align-items: center;
}

div.rectangulo-10{
    background: rgb(22, 31, 134);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom: 400px;
}

img.elehear{
    width: 100%;
    height: 100%;
    border-radius: 25px;
    margin-bottom: 30px;
}

/* Noticias */

div.rectangulo-11{
    
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 500px;
    width: 100%;
    flex-shrink: 0;
}

div.row-noticias{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    position: relative;
    transform: translateY(-250px);
}

/* Elehear */

.rectangulo-section-5{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
    margin-left: 30px;

}

img.elehear_1{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/elehear.png);
    border-radius: 30px;
    margin-bottom: 10px;
}

h3.elehear_1{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-bottom:35px;
    padding: 0px;
}

p.elehear_1{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 14px;
}

/* Profesores sordos y ciegos enseñaron lengua de señas  */

.rectangulo-section-6{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
}

img.ciego-sordos{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/profesores\ sordos\ y\ ciegos.png);
    border-radius: 35px;
}

h3.ciego-sordos{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-bottom:28px;
    padding: 0px;
    font-size: 17px;
}

p.ciego-sordos{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 12px;
}

/* María Ignacia Fuentes */

.rectangulo-section-7{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
}

img.maria{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/maria.png);
    border-radius: 35px;
}   

h3.maria{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-top:-9px;
    margin-bottom: 30px;
    padding: 0px;
    font-size: 18px;
}

p.maria{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 15px;
}


/* Testimonio */

div.rectangulo-12{
    
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 500px;
    width: 100%;
    flex-shrink: 0;
}

div.row-testimonio{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    position: relative;
    transform: translateY(-250px);
}

/* Fabiola Veliz Reyes la amor */

.rectangulo-section-8{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
    margin-left: 30px;

}

img.fabiola{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/fabiola.png);
    border-radius: 30px;
    margin-bottom: 10px;
    border-radius: 35px;
}

h3.fabiola{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-bottom:35px;
    padding: 0px;
    font-size: 18px;
}

p.fabiola{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

/* José Hernández Brother */

.rectangulo-section-9{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
}

img.jose-hernandez{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/Jose.png);
    border-radius: 35px;
}

h3.jose-hernandez{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-bottom:20px;
    padding: 0px;
    font-size: 18px;
}

p.jose-hernandez{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 13px;
    
}

/* Sebastián Sáez Reyes Profesional */

.rectangulo-section-10{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
}

img.sebastian-saez-reyes{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/seba.png);
    border-radius: 35px;
}   

h3.sebastian-saez-reyes{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    margin-bottom:30px;
    padding: 0px;
    font-size: 18px;
}

p.sebastian-saez-reyes{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}

/* Deportes */

div.rectangulo-13{
    
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 500px;
    width: 100%;
    flex-shrink: 0;
}

div.row-deportes{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: auto;
    position: relative;
    transform: translateY(-250px);
}

/* Puerto montt */

.rectangulo-section-11{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
    margin-left: 30px;

}

img.puerto-montt{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/puerto\ montt.png);
    border-radius: 30px;
    
}

h3.puerto-montt{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    padding: 0px;
    font-size: 17px;
    margin-bottom: 20px;
}

p.puerto-montt{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 15px;
}

/* Diego Manzo */

.rectangulo-section-12{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
}

img.diego-manzo{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/diego.png);
    border-radius: 35px;
    
}

h3.diego-manzo{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    padding: 0px;
    font-size: 18px;
    margin-bottom: 20px;
}

p.diego-manzo{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 17px;
    
}

/* Natalia Gutiérrez */

.rectangulo-section-13{
    width: 50%;
    height: 50%;
    flex-shrink: 0;
    border-radius: 63px;
    background: #162086;
    margin-right: 30px;
}

img.natalia-gutierrez{
    text-align: center;
    width: 100%;
    height: 100%;
    background: url(../portafolio-sebastian-theme/img/blogsordos/Natalia.png);
    border-radius: 35px;
    
}   

h3.natalia-gutierrez{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    padding: 0px;
    font-size: 18px;
    margin-bottom: 20px;
}

p.natalia-gutierrez{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 17px;
}



/* ********************* Noticias ******************** */

/* El Goberino */

p.n-texto{

    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Audiowide", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
}

.row-noticias-1{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

img.elehear-2{
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

img.gobierno{
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

img.audifonos{
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

/* Profesores sordos y ciegos enseñaron lengua de señas y braille a estudiantes del área de la salud. */

.rectangulo-15{
    background: #162086;
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom:100px;
}

h3.sordo-ciego{
    text-decoration-line: underline;
    margin-bottom: 50px;
    
}

img.sordo-ciego{
    width: 100%;
    height: 100%;
    border-radius: 0px;
    margin-top: -20px;
}
.btn.btn-primary.noticias-1{
    background-color:#8187fb;
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: 30%;
}
/* María Ignacia Fuentes */

.rectangulo-16{
    background: #8187fb;
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
}

img.maria-1{
    width: 100%;
    height: 100%;
    border-radius: 0px;
    margin-top: -20px;
    
}

h3.maria-1{
    text-decoration-line: underline;
    margin-bottom: 50px;
}

.btn.btn-primary.noticias{
    background-color:#162086;
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: 30%;
}

/**********************Testimonio***********************/
div.rectangulo-17{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom: 400px;
}
div.rectangulo-18{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom: 400px;
    
}
div.rectangulo-19{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom: 400px;

}


/* **************************Deportes******************************/

/* Diego Manzo */

div.rectangulo-20{
    background: rgb(22, 31, 134);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom: 400px;

}

img.diego-manzo-1{
    width: 100%;
    height: 100%;
}
.row-deportes-1{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

p.diego-manzo-1{
    
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 21px;
    
}

/* Afiliación Oficial del Club Deportivo de Sordos de Puerto Montt */

img.afiliacion-oficial-del-club-deportivo-de-sordos-de-puerto-montt-1{
    width: 100%;
    height: 100%;
}

h3.deportivo{
    text-decoration-line: underline;
    margin-bottom: 50px;
}

/* Natalia Gutiérrez */

img.natalia-gutierrez-1{
    width: 100%;
    height: 100%;
}

h3.natalia-gutierrez-2{
    text-decoration-line: underline;
    margin-bottom: 50px;
}


/************************single noticias**********************/

/* maria */

img.maria-foto{
    width: 100%;
    height: 100%;
}

h5.maria-1{
    text-decoration: underline;
}

img.discapacidad{
    width: 100%;
    height: 75%;
    border-radius: 0px;
}

img.silencio-con-sentido{
    width: 100%;
    height: 75%;
    border-radius: 0px;
}

/* Ciego y Sordos */
.img-fluid-ciego-y-sordo{
    width: 100%;
    height: 100%;
}

/* el gobierno */
img.el-gobierno{
    width: 50%;
    height: 50%;
}

/* mensaje */

div.rectangulo-14{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%; 
    margin-bottom: 300px;
}

/************************single deportes**********************/
img.diego-manzo-foto{
    width: 100%;
    height: 100%;
}

h5.diego-1{
    margin-top: 150px;
}


/******************* Contacto****************************/

div.rectangulo-21{
    background: #8187fb;
    color: rgb(0, 0, 0);
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom: 400px;

}

.row-contacto-1{
    display: flex;
    justify-content: space-evenly;
}

.rectangulo-section-14{
    width: 50%;
    flex-shrink: 0;
    background: #162086;

}

div.rectangulo-22{
    background: rgba(22, 32, 134, 0.67);
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%; 
    margin-bottom: 400px;
}

/* formulario */
h2.formulario{
    color: white;
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    height: 100%;
    margin-bottom:30px;
}

input{
    width: 100%;
    margin-left: 16px;
    background: #8187fb;
    border-color: rgb(0, 0, 0);
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    
}
input#consulta{
    margin-left: 0px;
}

input#comments{
    margin-left: 0px;
    padding-bottom: 100px;
    color: #FFFFFF;
}
::placeholder{
    color: #FFFFFF;
}