:root {
    --primary-blue: #2c4be2;
    --border-black: rgb(22, 6, 6);
    --padding: 20px;
    --margin: 10px;
    --background-color: #ba1b1b;
    --text-shadow: rgba(12, 14, 1, 0.907);

}

* {
    box-sizing: border-box;
    padding: 0;
    margin:0;

}

.card{
    width: 48%;
    padding: 10px;
    background:rgb(39, 17, 184);
    color: rgb(29, 221, 214);
    border: 2px solid rgb(110, 10, 198);
    margin: 20px auto;
    border-radius: 20px;
    display: inline-block;
    font-family:'Times New Roman', Times, serif;
    font-size:xx-large;

}

header h1{
    font-size:xx-large;
    text-shadow: var(--text-shadow);
    padding: 15;
    border-radius: 20px;
    margin: 10px;
    text-align: center;
    background-color:rgb(232, 53, 53);
    border: 10px solid #6b0fb2;
}
 h2{
    display: inline-block;
    width: 48%;
    border-radius: 8px;
    font-size: xx-large;
    margin: 6px;
    border:5px, solid, #dfe22c;
    text-align: center;
}

h3{
    display: inline-block;
    width: 48%;
    border-radius: 8px;
    font-size: xx-large;
    margin: 6px;
    border:5px, solid, #2c4be2;

}

.tooltip {
    padding: 15;
    border-radius: 20px;
    font-size: xx-large;
    text-align: right;
    margin: 10px;
    border: 5px, solid, #0ddba1;
}

img {
    margin: 10px;
    border:5px, solid, #3c1ec2;
    border-radius: 20px;
    margin: 10px;
    width: 50%;
    float: right;

}

p{
    width: 90%;
    margin: 10px auto;
}

body {
    background-color: #ba1b1b;

}