/*
    Theme Name: Data Rock Theme
    Theme URI: 
    Author: Pablo Javier Cardozo
    Author URI: https://wa.link/tzu6jr
    Description: Theme Diseñado para una landing-page
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: landing, page, landing-page, personal, presentación.
    Text Domain: DR_text
*/
/* Loading Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Orbitron:wght@400..900&display=swap');
:root{
    /** Fuentes **/
    --font-main: "Orbitron", sans-serif;
    --font-second: "Open Sans", sans-serif;
    /** Colores **/
    --azul:#1A2E3B;
    --celeste:#00A4CC;
    --gris:#E0E0E0;
    --blanco:#FFFFFF;
    --naranja:#FF8C42;
    --verder:#A4C639;
    --grad-claro: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --grad-vert: linear-gradient(0deg, black 0%, var(--azul) 15%, black 100%);
    --grad-vert-1: linear-gradient(0deg, var(--azul) 15%, black 100%);
}

/** Colores de fondos en general**/
.bg-prim{
    background-color: var(--azul);
}
.bg-gris{
    background-color: var(--gris);
}
.bg-blanco{
    background-color: var(--blanco);
}
.bg-sec{
    background-color: var(--celeste);
}
.bg-btn{
    background-color: var(--naranja);
}
.bg-ico{
    background-color: var(--verder);
}
.bg-grad{
    background-image: var(--grad-claro);
}
.bg-blk-grad-v{
    background-image: var(--grad-vert);
}
.bg-blk-grad-v1{
    background-image: var(--grad-vert-1);
} 
/** texts colors **/
.txt-prim{
    color: var(--azul);
}
.txt-sec{
    color: var(--celeste);
}
.txt-nar{
    color: var(--naranja);
}
.txt-verde{
    color: var(--verder);
}

.f-main{
    font-family: var(--font-main);
}


/** principales **/

html{
    box-sizing: border-box;
    font-size: 62.5%; /* esto hace -> 10px = 1rem */
    scroll-behavior: smooth;
    
}

*, *:before, *:after {
    box-sizing: inherit;
}

body{
    font-family: var(--font-main);
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2;
    
}

main{
    overflow: hidden;
    min-height: 80vh;
    background-color: black;
}

/** Headings **/
h1, h2, h3, h4, h5{
    font-family: var(--font-main);
    line-height: 1.2;
}

h1, h2{
    margin: 0 0 2.2rem 0;
}

h3, h4{
    margin: 0 0 1rem 0;
}

h1{
    font-size: 3rem;
}

h2{
    font-size: 2.5rem;
}
h3{
    font-size: 2rem;
}
h4{
    font-size: 1.6rem;
}
h5{
    font-size: 1.3rem;
}
/** Globals **/

p{
    margin: 0 0 2.5rem 0;
    font-family: var(--font-second);
}

a{
    text-decoration: none;
    font-family: var(--font-main);
}

ul{
    list-style: none;
    margin: 0 0 2.5rem 0;
    padding: 0;
}

img{
    display: block;
    max-width: 100%;
    height: auto;
}

.img-fluid{
    max-width:100%;
    height:auto;
    object-fit: cover;
    object-position:center top;
  }