@font-face{ 
	font-family: 'century gothic';
        src: url('fonts/century_gothic.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

body {
  font: 14px/1.5 'Roboto';
	font-family: "Roboto" !important;
	background-image: linear-gradient(492deg, #0a0d40 60%, #0a0d40 100%);
	 background-attachment: fixed;

    /* Ajusta el tamaño del degradado para cubrir toda la página */
    background-size: cover;

    /* Asegura que el degradado ocupe toda la ventana visible */
    height: 100vh;
    margin: 0;
}

pre,
code {
	font-family: "Roboto" !important;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 50px;
}

h2 {
  font-size: 46px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 14px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  /*margin-left: 30px;*/
}

a{
	font-size:15px;
	color:#000;
	font-weight:lighter;
}

p {
	line-height:25px;
	font-size: 14px;
}


.f13{
	font-size:13px;
}
.f14{
	font-size:14px;
}
.f16{
	font-size:16px;
}
.f18{
	font-size:18px;
}
.f20{
	font-size:20px;
}
.f22{
	font-size:22px;
}

.bold{
	font-weight:bold;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  /*margin-bottom: 20px;*/
}