/*

//======================================================================
// YouTube Downloader - Authentication
//======================================================================

//======================================================================
// 
// Copyright © Eduardo de Abreu Faria.
// Website: https://youtubedownloader.com.br/
//
//======================================================================

*/


/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Variables */

:root {
    /* Theme colors */
    --light-theme-0: #ebebeb;
    --light-theme-1: #ebdddd;
    --light-theme-2: #e7d8d8;
    --dark-theme-0: #5a4c4c;
    --dark-theme-1: #FF0000;
    /* Primary colors */
    --white: #FFFFFF;
    --black: #000000;
    --primary-0: #FF0000;
    --primary-1: #cc0000;
    --secondary-0: #23272e;
    --secondary-1: #1f2229;
    --success-0: #41a63d;
    --success-1: #40943d;
    --danger-0: #ba2525;
    --danger-1: #a12828;
    --warning-0: #d6b50b;
    --warning-1: #e3c010;
    --info-0: #006eff;
    --info-1: #1c7eff;
    --light-0: #FFFFFF;
    --light-1: #f5f5f5;
    --dark-0: #212429;
    --dark-1: #292d33;
}

/* Scrollbar */

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: var(--light-theme-0);
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-0);
}


/* Selection */

::-moz-selection {
    background: var(--primary-0);
    color: var(--white);
}

::selection {
    background: var(--primary-0);
    color: var(--white);
}

/* Body */

body {
    font-family: 'Montserrat', sans-serif;
    color: var(--dark-theme-0);
}

body *:focus, body *.focus, body *:active, body *.active {
    outline: transparent none 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
    -webkit-box-shadow: none !important;
}

/* Links */

a {
    color: var(--primary-0);
    text-decoration: none;
}

a:hover {
    color: var(--primary-1);
}

/* Colored text */

.colored {
    color: var(--primary-0);
}

/* Buttons */

.btn {
    font-weight: 500;
    padding: 10px;
    border-radius: 100px;
    border: none;
    box-shadow: none !important;
}

.btn-primary {
    background-color: var(--primary-0);
}

.btn-primary:hover {
    background-color: var(--primary-1) !important;
}

.btn-primary:active {
    background-color: var(--primary-1) !important;
}

.btn-primary:focus {
    background-color: var(--primary-1) !important;
}

.btn-secondary {
    background-color: var(--light-theme-1);
    color: var(--dark-theme-0) !important;
}

.btn-secondary:hover {
    background-color: var(--light-theme-2) !important;
}

.btn-secondary:active {
    background-color: var(--light-theme-2) !important;
}

.btn-secondary:focus {
    background-color: var(--light-theme-2) !important;
}

/* Footer */

.copyright-text {
    font-weight: 500;
    font-size: 14px;
}

/* Forms */

.form-control {
    font-weight: 400;
    border-radius: 12px;
    border: 1px solid var(--light-theme-0);
}

.form-control:focus {
    border: 1px solid var(--primary-0);
    box-shadow: none;
}


.form-check-input {
    background-color: var(--light-theme-1);
    box-shadow: none !important;
    border: none !important;
}

.form-check-input:checked {
    background-color: var(--primary-0);
}


/* Font weights */

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}