/*Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;1,600&display=swap");
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-padding-top: 2rem;
    scroll-behavior: smooth;
    list-style: none;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}
:root{
    --main-color: #fe5b3d;
    --second-color: #ffac38;
    --text-color: #444;
    --gradient: linear-gradient(#fe5b3d,#ffac38 );
}
/*Custom Scroll Bar*/
html::-webkit-scrollbar-track {
    background: transparent;
}
html::-webkit-scrollbar-thumb{
    background: var(--main-color);
    border-radius:5rem;
}
section{
    padding: 50px 100px;
}
header{
    position:fixed;
    width: 100%;
    top: 0;
    right: 0;
    z-index:1000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background: #eeeff1;
    padding: 15px 100px;
}
.logo img{
    width: 60px;
}
.navbar {
    display:flex;
}
.navbar.li{
    position:relative;
}
.navbar a{
    font-size: 1rem;
    padding: 10px 20px;
    color: var(--text-color);
    font-weight: 500;
}
#menu-icon{
    font-size: 24px;
    cursor: pointer;
    z-index: 10001;
    display:none;
}
.home{
    width: 110%;
    min-height: 120vh;
    position:relative;
    background:url(img/car-gfd77dbc27_1920.png);
    background-repeat: no-repeat;
    background-position:center right;
    background-size:contain;
    display: grid;
    align-items: center;
}
.text h1{
    font-size: 3.5rem;
    letter-spacing: 1px;
}
.text span{
    color:var(--main-color)
}
text p{
    margin:00.5rem 0 1rem;
}


table{
    width: 105%;
    margin: 30px auto;
    background: rgb(124,154);
    background-color: #809ca0;
}
table.list{
    text-align:center;
    width: 100%;
}

td{
    border: 2px solid rgb;
    text-align:left;
    padding: 6px 15px;
}
tr:nth-child(even), table.list thread> tr{
    background-color: #0e40a5;
}

input[type="text"],input[type="number"]{
    width: 91%;
    padding:12px 20px;
    margin:8px 0;
    display: inline-block;
    border: 1px solid rgb(165,161,161);
    border-radius: 4px;
}

input[type="submit"],input[type="reset"]{
    
    background: #eeeff1;
    padding:6px 12px;
    margin: 15px 0 10px;
    display:inline-block;
    border: none;
    border-radius: 30px;
    font-size: 1rem;
    cursor: pointer;
    outline:none;
    
}

input[type="submit"]:hover{
    background:#ffac38;
}

input[type="reset"]:hover{
    background:rgb(9, 151, 104);

}

button{
    background: #999;
    padding:6px 12px;
    margin:15px 0 10px;
    display:inline-block;
    border:none;
    border-radius: 30px;
    font-size: 1rem;
    cursor: pointer;
    outline: none;

}

button:hover{
    background: #4b994b;
}