@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');
html,
body{
    margin:0;
    padding:0;
    font-family:'Arvo', serif;

}

.navbar-brand{
    font-size- 1.5rem;
}

 .nav-link{
    font-size: 1.5rem;
 }

/* home     */

#particles-js
{
    width:100%;
    min-height: 100vh;
    position: relative;
    top:0;
    left:0;
    background: #527cec;
}

#name{
    margin-top: -18rem;    
    font-size:4rem;
    color: white;
    text-align: center;
    font-weight: bold;
}

#tagline{
    margin-top: 1rem;          
    font-size:2rem;
    color:#fff;
    text-align: center;
}

#learnmore{
    font-size:small;
    padding: .4rem 1rem;
       max-width:9rem;
       margin: 0 auto;
       display:block;
       border:2px solid #fff ;
       border-radius:1rem;  
    color:#fff;
    text-decoration:none;
    text-align:center;
}

#read{
    color:#fff;
}

#row{
    margin-left: 44px;
}

#home{
    width:100%;
    min-height:100vh;

}

.card{
    margin:12px;
    width:100%;
    height:467px;
    background-color:white;
    position: relative;
}

*{
    margin:2px;
    padding:0;
}


.make{
    margin-right:4px;

    padding:5px;
    width:552px;
}

.submit{
    width:552px;
    background-color: blue;
}