/* Fonts */
@font-face {
    font-family: tommysoftbold;
    src: url('../media/fonts/tommy_soft_bold.ttf');
    font-weight: bold;
    font-style: normal;
  }
@font-face {
    font-family: tommysoftmedium;
    src: url('../media/fonts/tommy_soft_medium.ttf');
    font-weight:600;
    font-style: normal;
  }

@font-face {
    font-family: montserratExtraBold;
    src: url('../media/fonts/Montserrat-ExtraBold.ttf');
    font-style: normal;
}
@font-face {
    font-family: montserratBlack;
    src: url('../media/fonts/Montserrat-Black.ttf');
    font-style: normal;
}
@font-face {
    font-family: montserratBold;
    src: url('../media/fonts/Montserrat-Bold.ttf');
    font-style: normal;
}
@font-face {
    font-family: montserratSemiBold;
    src: url('../media/fonts/Montserrat-SemiBold.ttf');
    font-style: normal;
}
@font-face {
    font-family: montserratMedium;
    src: url('../media/fonts/Montserrat-Medium.ttf');
    font-style: normal;
}
@font-face {
    font-family: montserratRegular;
    src: url('../media/fonts/Montserrat-Regular.ttf');
    font-style: normal;
}
@font-face {
    font-family: montserratLight;
    src: url('../media/fonts/Montserrat-Light.ttf');
    font-style: normal;
}
html, body {
    height: 100%;
}
:root {
    --background-color: #ffffff;
    --default-color: #000000;
    --primary-color: #ff3c00;
    --secondary-color: #b43809;
    --primary-color2: #1057a4;
    --secondary-color2: #0c417b;
}

/* General style */
* {
    padding: 0;
    margin: 0;
   /* box-sizing: border-box;*/
}
.row {
    padding: 0;
}

/* Global Color */

h1 {
    font-family: tommysoftbold;
    font-size: 1.5rem;
    margin: 0;
}

h2 {
    font-family: tommysoftmedium;
    font-size: 1.2rem;
    color: var(--primary-color2);
    margin: 0;
}

h3 {
    font-family: montserratMedium;
    font-size: 1.2rem;
    margin: 0;
}

p {
    font-family: montserratMedium;
    font-size: 1rem;
}
.error {
    gap: 0.2rem;
    display: flex;
    font-family: montserratMedium;
    font-size: 0.8rem;
    color: var(--primary-color);
    margin: 0;
}
.btn-first {
    color: var(--background-color);
    background-color: var(--primary-color2);
    border-radius: 0.5rem;
    font-family: montserratMedium;
}

.btn-first:hover {
    color: var(--background-color);
    background-color: var(--secondary-color2);
    border: 0.1rem solid var(--background-color);
}

.btn-second {
    color: var(--background-color);
    background-color: var(--primary-color);
    border-radius: 0.5rem;
    font-family: montserratMedium;
}

.btn-second:hover {
    color: var(--background-color);
    background-color: var(--secondary-color);
    border: 0.1rem solid var(--background-color);
}