@import url('https://fonts.googleapis.com/css2?family=Anton&family=Saira+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*======> Font family <======*/
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
p,
label,
.btn,
.form-control{
    font-family: 'Anton', sans-serif;
    font-family: 'Saira Semi Condensed', sans-serif;
}


/*======> Root colours <======*/
:root {
    --primary-color: #50c878;
    --secondary-color: #f0ffff;
    --third-color: #1b1b1b;
    --fourth-color: #f82b50;
    --fifth-color: #38ed77;
    --sixth-color: #e4e4e4;
}

/*======> Section view <======*/
.view{
    padding: 0 20px 0 20px;
    min-height: 100vh;
    display: flex;
    background-image: linear-gradient(100deg,rgb(77, 89, 89) 40%,rgb(59, 62, 64) 60%);
}

/*======> Div main <======*/
.main{  
    height: auto;  
    border-radius: 10px;
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.2);
}