@import url('home.pg.css');
@import url('navbar.component.css');
@import url('responsive.css');

/* FONTES */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --bg-color-primary: #3faae9;
    --bg-color-secondary: #167aa8;
    --bg-color-third: #30b1d1;
    /* --bg-color-third: #445a79; */

    --txt-color-primary: #1d1c1c;
    --txt-color-secondary: #dbdbdb;

    /* --button: #30b1d1; */
    --button: #2f96d1;
    --button-navbar: #2f96d162;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

html {
    scroll-behavior: smooth;
    overflow: auto;
}

body {
    background: linear-gradient(to bottom, #044977, #05619e);
    font-family: 'Roboto', sans-serif;
}

.nameKellor {
    color: #31bcdf;
}

code {
    background-color: #222a302a;
    padding: 1px 5px;
    border-radius: 5px;
    color: #f5f5f5;
}