/* DEFINIÇÕES GERAIS */
@font-face {
    font-family: 'Consolas';
    src: url('../fonts/consolas/CONSOLA.TTF') format('truetype');

    font-family: 'Dubai';
    src: url('../fonts/dubai/Dubai-Medium.ttf') format('truetype');
}

:root{
    --font-micro: clamp(0.25rem, 0.40rem + 0.40vw, 0.8rem);
    --font-xs: clamp(0.50rem, 0.60rem + 0.50vw, 1.00rem);
    --font-sm: clamp(0.60rem, 0.75rem + 0.75vw, 1.15em);
    --font-md: clamp(0.65rem, 0.80rem + 0.85vw, 1.22rem);
    --font-lg: clamp(0.85rem, 1.05rem + 1.60vw, 1.40rem);
    --font-xl: clamp(1.00rem, 1.30rem + 2.50vw, 2.00rem);
    --green_1: #009C74;
    --green_bright: #01CF9A;
}

body{
    font-family: 'Consolas';
    color: white;
    background-color: black;
    
    border-style: none;
    overflow-x: hidden;
}


hr{
    width: 80%;
    margin: 0 10% 2rem 10%;

    border: none;
    height: 2px;
    background-color: white;
    opacity: 100%;
    
    margin-bottom: 2rem;
}

a{
    color: white;
    text-decoration: none;
}

/*LAYOUT GERAL*/
.altura-responsiva{
    padding: 0;
    margin: 10dvh 0;
    height: 80dvh;
}

img{
    max-width: 68%;
    margin-left: 10%;
}

/*TEXTO*/
#img-nome-cyberus{
    position: relative;
}
#img-nome-cyberus::after{
    content: "";
    position: absolute;
    top: 17%;
    left: 15%;
    width: 70%;
    height: 70%;
    background-image: url('../elementos/nome_frente.svg');
    background-size:contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
    pointer-events: none;
}

.text-field{
    margin-top: 1rem;
}

h1{
    font-family: 'Dubai';
    font-weight: 450;
    font-size: var(--font-xl);
}

h2{
    font-family: 'Dubai';
    font-weight: 400;
    font-size: var(--font-xl);

    margin-top: 0;
    margin-bottom: 0;
}

h3{
    font-family: 'Dubai';
    font-weight: 500;
    font-size: var(--font-lg);

    margin-top: 1.5rem;
    margin-bottom: .1rem;
}

p{
    font-family: 'Consolas';
    font-weight: normal;
    font-size: var(--font-md);

    margin-top: 0;
    margin-bottom: .4rem;
}

.p2{
    font-family: 'Consolas';
    font-weight: 500;
    font-size: var(--font-sm);
}

.p3{
    font-family: 'Consolas';
    font-weight: lighter;
    font-size: var(--font-xs);
}


/*DEBUG COLUNAS
.col-md-6, .col-md-12{
   
    border-style: dashed;
    border-color: white;
    border-width: 1px;
}

/*
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 , .col-7, .col-8{
   
    border-style: dashed;
    border-color: white;
    border-width: 1px;
}*/