app_1.css

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Open+Sans&family=Poppins&family=Roboto:ital@0;1&display=swap');
    /* font-family: 'Poppins', sans-serif; */
    /* font-family: 'Noto Sans', sans-serif; */
    /* font-family: 'Roboto', sans-serif; */

*{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}body{
    /* background: linear-gradient(purple,rgb(0, 0, 147)); */
    background: linear-gradient(rgb(250, 27, 124),rgb(29, 125, 241));
    background-attachment: fixed;
}
.heading{
    /* font-family: 'Roboto', sans-serif; */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /* font-family: 'Open Sans', sans-serif; */
    color:white;
}
.links{
    text-decoration: none;
    color:white;
}
.links:hover{
    color:black
}
.box{
    height:30vh;
    width:30vw;
    background-color: blueviolet;
    /* padding:20px; */
    margin: 20px;
}
.navbar{
    /* background-color: #6f026f; */
    background-color: #5f0d5f;
    color:white;
    font-size: 25px;
    padding: 5px 15px;
    font-family: 'Roboto', sans-serif;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: left;
    /* position: sticky;
    top:0; */
    /* font-family: 'Poppins', sans-serif; */
}
.spacing{
    height:100px;
    /* border:4px solid red; */
}
.herosec{
    color:white;
}
.myImg{
    border-radius: 10%;;
}
.myCard{
    margin:5px;
    margin-bottom: 15px;
    margin-top: 20px;
    box-shadow: 9px 9px 6px lightblue;
    min-height: 480px;
}
/* .cardimage{
    height:200px;
    width:200px;
    border: 4px solid black;
    overflow: hidden;
    border-radius: 30px;;
} */
.brand{
    color:white;
    text-decoration: none;
    margin-left: 20px;
}
.brand:hover{
    color:rgb(249, 235, 221);
}