body{
    background:linear-gradient(90deg,violet,lightblue);  

}
#drift{
    width:60px;
    height:auto;
    border-radius:10px;
   }
#b{
   background: none; 
   border-color: white;
   border-radius:10px;
   color:white;
}
h4{text-align: center;
    font-family: 'Times New Roman', Times, serif;
    color:black;
    font-size:20px;

}


/*popover*/
#my-popover{
    padding:30px;
    border-radius:20px;
    background:linear-gradient(45deg,violet,lightblue);
    border:3px solid violet;
    color:white;
    width:50%;
}
#popover-btn{
    background-color:white;
    color:black;
    display: block;
    margin: auto;
    border:3px solid ;
    border-radius:20px;
    border-color:black;
    font-size: large;
    padding-left:25px;
    padding-right:25px;
    padding-top:5px;
    padding-bottom:5px;
    font-family:serif; 
    opacity:0.4;  
}
h2{
text-align: center;
}
h3{
    text-align: center;
    color:white;
    font-size:35px;
    padding:5px;
    background-color: black;
    font-family: 'Times New Roman', Times, serif;

}
img{
    display: block;
    margin:auto;
    width: 300px;;
    height: 200px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-color:none;
    
}
p{
    text-align: center;
    font-family:monospace;
    margin-left:1px;
    font-weight:bold;
    font-size:15px; 
}
a{
    text-decoration: none;
}
 
#rms{
    border-radius:20px;
    border:3px solid black;
    color:black;
    background-color:white;
    display: block;
    margin: auto;
    font-size:20px;
    padding-left:25px;
    padding-right:25px;
    padding-top:5px;
    padding-bottom:5px;
    font-family:serif;
    
}
h1{
    text-align: center;
    color:white;
}
.cardcontent{
        background-color:white;
        border-radius:10px;
        padding:1px;
        height:150px;
}
.imagecard{
         background-color:white;
         width:300px;
         display: block;
         margin: auto;
         border-radius:10px;
}
#iconpng{
    display: block;
    margin: auto;
    width:30px;
    padding-left:15px; 
    border-radius:10px;
}

ion-icon{
    display: block;
    margin:auto;
    width:65px;
    height: 27px;
    background-color:rgb(50, 199, 50);
    border:2px solid ;
    border-radius:40px;
    
}

.category{
       background-color:white;
       display: block;
       margin: auto;
       border-radius:10px;
       width:300px;}