/* -- PALLETE -- */
:root{
    --background: linear-gradient(66deg, #1c1b1a 0%, rgba(28,27,26,1) 20%, rgba(42,41,39,1) 50%, rgba(28,27,26,1) 80%, rgba(28,27,26,1) 100%);
    --input: #9e9e9e;

    --primary: #1A98F5;
    --primary-shadow: #1C6CA7;
    --secondary: #BEB090;
    --secondary-shadow: #BEB090;

    --text: #e6e6e6;
    --white: #e1e1d9;
}
/* -- GLOBAL -- */
html {
    font-size: 62.5%;
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
    list-style: none;
    text-decoration: none;
    margin:0;
    padding: 0;
}
.body {
    font-size: 1.6rem;
    line-height: 1.8;
    color: var(--text);
    background: var(--background);
    font-family: 'Montserrat', sans-serif;
}
.contain {
    width: 85%;
    max-width: 140rem;
    margin: 0 auto;
}
.none{
    display: none;
}
/* -- SCROLL -- */
::-webkit-scrollbar{
    height: 5px;
}
::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.85);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.15);
}
/* -- TEXT -- */
p, a{
    font-size: 1.6rem;
    color: var(--text);
}
h1, h2, h3 {
    margin: 0;
    font-weight: 700;
    text-align: center;
    color: var(--text);
    cursor:default;
}
h1 {
    font-size: 12rem;
    line-height: 10rem;
}
h2 {
    font-size: 4.72rem;
    margin-top: -0.5rem;
}
h3 {
    font-size: 3rem;
}
/* -- CENTERS -- */
.center{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
    margin: 0;
}
.center-vertical{
    width: 100%;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* -- SECTIONERS -- */
.section{
    display: grid;
    gap: 2rem;
}
.sec-1{
    grid-template-columns: 97.45%;
}
.sec-2{
    grid-template-columns: 48% 48%;
}
/* -- TABLE -- */
table{
    width: 100%;
    border-collapse: collapse;
    font-family: var(--title);
    font-size: 1.35rem;
    text-align: center;
}
table, td{
    border: 1px solid #ccc;
}
table td{
    line-height: 2rem;
    padding: 2rem 0.5rem;
}
    @media (max-width: 680px){
        .section-2-2, .section-2-1, .section-3, .section-1, .input, .input-tables, .sec-2, .sec-1{
            display: block;
            width: 100%;
            margin: 0;
        }
        table{
            text-align: left;
        }
    }