.Info_card {
    display: flex; /* Makes items arranged in a row by default */
    gap: 10px; /* adds space between the image and the text */
    padding: 20px; 
    background-color: #5f2590;
    margin: 20px;
    width: 750px;
    border-radius: 20px; 
}



.text-section {
    width: 20px;
    flex: auto; /* text wraps */
}

.text-section h2{ /*div's name then the selector you want to specifically change*/
    text-align: left;
    color:#6896ed;
    font-family:monospace; 
    
}

img{
    margin: 10px; /*outside*/
    padding:2px; /*inside*/
    border: 10px dotted white; /*ON the boarded line*/
    width: 250px;
}

.prefs{
    display: flex;
    gap: 50px;
    width: 400px;
}

/* Typography*/
h1{
   color: #9f0042;
   text-align: center;
}


b{
    color: #e78190;
}

body{ /*effects everything on the page*/
   background-color: rgba(165, 64, 166, 0.95); 
   text-align: left;
    color: #a3e3e3;
    font-size: 1rem;
    letter-spacing: 1.5px;
    
    /*margin: 1px 20px 1px 20px; */
}