*{
    margin: 0;
    padding: 0;
}
html{
    scroll-behavior: smooth;
}


#navbar {
    background-color: #6a7ae2;
    height: 70px;
}
#navbar a{
    color: white;
    font-size: 3rem;
    font-family: 'Love Ya Like A Sister', cursive;

}
#searchbtn:hover{
    border: none;
    background-color:#000000;
    color: white;
}
#searchbtn{
    background: none;
    font-size: 1.2rem;
    font-family: 'rubik';
    color: white;
}
#home{
    margin-top: 5rem;
    margin-bottom: 5rem;
    border: none; 
    width: 100%;
}
#home h5{
    display: flex;
    justify-content: center;
    background-color: #6a7ae2;
    color: white;
    font-size: 1.6rem;
    font-family: 'Love Ya Like A Sister';
    text-transform: uppercase;
    
}
.card{
    width: 60rem;
    margin: auto;
    border: none !important;
}
.card-body{
    border: none !important;
    border-radius:8px ;
    font-family: 'Rubik', sans-serif;
    background-color: #6a7ae2;

}
.form-inline input{
    border: 2px solid white !important;
    
}
/* #home1{
    position: relative;
    height: 100vh;
    margin-top: 0rem;
} */
/* #home1::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:#4458dc;
    opacity: .2;
    
} */
#home textarea{
    border: none;
    background-color: #000000;;
    color: white;
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
}
.card-body button:hover{
    background-color: #4458dc;
    

}
.card-body button{
    background-color: white;
    color: #6a7ae2;
    border: none;
    border-radius: 8px;
    font-family: 'Rubik';
    font-weight: bold;
    text-transform: uppercase;
}
#home button{
    margin-top: 1rem;
    font-size: 1.2rem;
    text-transform: uppercase;
}
#notes{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
#notes h5{
    color: white;
    font-size: 1.5rem;
    font-family: 'rubik';
}
#notes p{
    color: #000000;
    font-size: 1.2rem;
    font-family: 'rubik';
}
#foot{
    margin-top: 30rem;
    font-family: 'rubik';
}
#foot a{
    
    font-size: 1.5rem;
    margin-top: -1rem;
    text-decoration: none;
    color: black;
    cursor: pointer;

}
#foot a:hover{
    background-color: #6a7ae2;

}
.crd-2{
    width: 24rem;
}

/* ---css for phone -------- */
 @media screen and (max-width: 500px) {
     
#navbar a{
    font-size: 2rem;
}
#searchbtn{
    font-size: 1rem;
    background-color: #000000;
    border-radius: 8px;
}
.card{
    width: 20.5rem;
}
#home h5{
    font-size: 1.5rem;
}
#home textarea{
    font-size: 1rem;
}
#home button{
    font-size: 1rem;
}
#crd-1{
    height: 59vh;
}
#home{
    margin-top: 5rem;
    margin-bottom: 16rem;
}
.crd-2{
    width: 18rem;
}
.btn-2{
    font-size: .7rem !important;
    text-transform:uppercase ;
}
}