@font-face {font-family: ub-mono; src: url(assets/ubuntu-mono.ttf);}
@font-face {font-family: tech-mono; src: url(assets/tech-mono.ttf);}
@font-face {font-family: montse; src: url(assets/montse.ttf);}
@font-face {font-family: tlakah; src: url(assets/tlakah.ttf);}


 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #28536B;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;

}

.offcanvas{
    background: rgb(233, 230, 182);
    font-size:2vw;
}
.offcanvas-title{
    font-size:3vw;
}

body {
	font-family: Trebuchet MS, Arial;
}

.bgr-primario{
  background-color: #28536B;
}

.bgr-secundario{
  background-color: #F6F4D2;
}

.bgr-terciario{
  background-color: #565676;
}

.bgr-cuartario{
  background-color: #C38D94;
}

.bgr-quintario{
  background-color: #A76571;
}

.textos{
    color: #1660CA;
    text-decoration: none;
}

.textos:hover{
    transition: ease-out 0.5s;
    color: #28536B;
    -webkit-transition: ease-out;
    -moz-transition: ease-out;
    -ms-transition: ease-out;
    -o-transition: ease-out;
}

.textos2{
  color: #000;
  text-decoration: none;
}

.textos2:hover{
    transition: ease-out 0.5s;
    color: rgb(151, 151, 151);
    -webkit-transition: ease-out;
    -moz-transition: ease-out;
    -ms-transition: ease-out;
    -o-transition: ease-out;
}

.caja{
    margin-top: 10rem;
    border-radius: 5rem ;
}

.margen{
    margin-top: 10rem;
}



.kuika:focus {
    transition: ease-in-out 0.5s;
    box-shadow:0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fcfcfc;

}

.texto-fot{
  font-size: 3rem;
}

navbar{
    background-color: #F6F4D2;
}

.kuikat:hover{
    transition: ease-in 0.5s;
    background-color: #C38D94;
    font-weight: bold;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    -ms-transition: ease-in 0.5s;
    -o-transition: ease-in 0.5s;
}

.kuikats {
	border-bottom: 1px solid;
	border-bottom-color: #eee;
	text-align:justify;
	font-size:3vw;
}

.kuikat {
  padding: 2rem;
	border-radius:18px;
	border-bottom: 1px solid;
	border-bottom-color: #eee;
	font-family: montse;
	font-size:2vw;
	text-align:justify;
  margin-top: 1rem;
  text-overflow: ellipsis;
}


textarea{
    border-radius: 6px;
    border-color: #ebbd34;
    font-size: 20px;
    margin-right: 5rem;
}

.textokui{
  font-size: 2.8rem;
}

.texto{
  font-size: 2.4rem;
}




.top{
    text-align: center;
	font-family:tlakah, Times New Roman;
	font-size: 3rem;
	color: #0D8A8A;
}


.left{
	vertical-align: top;
	width: 120px;
	font-family:montse,Arial;
	font-size: 28px;
	padding:5px;
}

.right{
	width: 465px;
	vertical-align: top;
	font-size:25px
}

.photo-upload{
	border-width:3px;
	border-radius:10px;
	text-decoration: none;
	color: #000000;
	background-color: #eeeeff;
	border-style: solid;
	padding:20px;
}


input[type=text] {
	font-size:65px;
	border-radius:20px;
	padding:1vw;
}

input[type=password]{
	font-size:65px;
	border-radius:20px;
	padding:1vw;
}

input[type=submit] {
	font-size:30px;
	border-radius:20px;
	padding:1vw;
}

input[type=button]{
	font-size:65px;
	border-radius:20px;
	padding:1vw;
}

input[type=file]{
	font-size:65px;
	border-radius:20px;
	padding:1vw;
}

input[type=checkbox]{
  transform: scale(3);
  padding: 10px;
}

select{
	font-size:65px;
	border-radius:20px;
	padding:1vw;
}
/** Footer **/
.site-footer {
    background-color: #ffffff;
    margin: 0;
}
.contenedor-footer {
    padding: 2rem 0;
    text-align: center;
}
/** Cajas de pantalla de inicio que arreglan la responsividad **/
.wrapper {
    padding: 15px;
    overflow: auto;
  }
  .wrapper::after {
    content: "";
    clear: both;
    display: block;
    text-align:justify;
  }